/* Miesto filtras ir atskiras sąmatininko modulis. */
.vpa-filter {
  grid-template-columns: 150px 145px minmax(210px, 1fr) 120px 120px auto;
}

.vpa-upload-card form {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto;
  max-width: 620px;
  width: 58%;
}

.vpa-upload-card form textarea {
  grid-column: 1 / -1;
  min-height: 74px;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff;
  resize: vertical;
}

.vpa-upload-card form textarea::placeholder {
  color: #c8d9d3;
}

.vpe-app {
  min-height: 760px;
}

.vpe-main {
  padding: 34px;
}

.vpe-workspace-bar {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin: -10px 0 18px;
  padding: 12px 14px;
  border: 1px solid var(--vpa-line);
  border-radius: 13px;
  background: #fff;
}

.vpe-workspace-bar label {
  min-width: 280px;
}

.vpe-draft-status {
  margin-left: auto;
  color: var(--vpa-muted);
  font-size: 10px;
}

.vpe-rate-editor {
  margin: 0 0 16px;
  padding: 17px;
  border: 1px solid #cfe1d9;
  border-radius: 13px;
  background: #f7fbf9;
}

.vpe-rate-editor[hidden] {
  display: none;
}

.vpe-rate-editor .vpa-button-row {
  margin-top: 14px;
}

.vpe-intake {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, 0.75fr);
  gap: 16px;
  margin-bottom: 16px;
}

.vpe-upload {
  padding: 24px;
  border-radius: var(--vpa-radius);
  background: linear-gradient(135deg, #173c31, #176b52);
  color: #fff;
  box-shadow: var(--vpa-shadow);
}

.vpe-upload .vpa-eyebrow {
  color: var(--vpa-lime);
}

.vpe-upload h2 {
  margin: 3px 0 5px;
  font-size: 20px;
}

.vpe-upload > p {
  margin: 0 0 17px;
  color: #d0e1db;
  font-size: 12px;
}

.vpe-drop {
  display: block;
  margin-bottom: 12px;
  padding: 22px;
  border: 1px dashed rgba(255, 255, 255, 0.42);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.07);
  cursor: pointer;
  text-align: center;
}

.vpe-drop input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vpe-drop b,
.vpe-drop span {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.vpe-drop b {
  font-size: 13px;
}

.vpe-drop span {
  margin-top: 5px !important;
  color: #cfe0da !important;
  font-size: 10px !important;
  white-space: normal;
}

.vpe-upload > .vpa-btn {
  width: 100%;
}

.vpe-ai-note {
  margin-top: 11px;
  color: #bdd5cc;
  font-size: 9px;
  text-align: center;
}

.vpe-summary {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 25px;
  margin-bottom: 16px;
}

.vpe-summary[hidden] {
  display: none;
}

.vpe-summary p {
  color: var(--vpa-muted);
  font-size: 12px;
}

.vpe-summary-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.vpe-summary-columns h3 {
  margin: 0 0 7px;
  font-size: 12px;
}

.vpe-summary-columns ul {
  margin: 0;
  padding-left: 17px;
  color: var(--vpa-muted);
  font-size: 10px;
}

.vpe-summary-columns li {
  margin: 4px 0;
}

@media (max-width: 1150px) {
  .vpa-filter {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .vpa-filter .vpa-search-field {
    grid-column: span 2;
  }

  .vpe-intake {
    grid-template-columns: 1fr;
  }

  .vpe-workspace-bar {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .vpe-workspace-bar label {
    min-width: 0;
    flex: 1 1 280px;
  }

  .vpe-draft-status {
    width: 100%;
    margin-left: 0;
  }

  .vpa-upload-card {
    align-items: stretch;
    flex-direction: column;
  }

  .vpa-upload-card form {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 760px) {
  .vpa-filter {
    grid-template-columns: 1fr 1fr;
  }

  .vpa-filter .vpa-search-field {
    grid-column: span 2;
  }

  .vpe-main {
    padding: 20px 13px;
  }

  .vpe-workspace-bar {
    flex-direction: column;
  }

  .vpe-workspace-bar label,
  .vpe-workspace-bar .vpa-btn {
    width: 100%;
  }

  .vpe-summary,
  .vpe-summary-columns {
    grid-template-columns: 1fr;
  }

  .vpa-upload-card form {
    display: flex;
    flex-direction: column;
  }

  .vpa-upload-card form textarea {
    min-height: 100px;
  }
}

.vpe-competitors{margin:18px 0}.vpe-competitors .vpa-card-head p{max-width:760px;margin:5px 0 0;color:#68736f;font-size:11px}.vpe-competitor-filter{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin:14px 0}.vpe-market-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.vpe-market-stats>article{padding:12px;border:1px solid #dce5e1;border-radius:12px;background:#f8faf9}.vpe-market-stats span,.vpe-market-stats strong{display:block}.vpe-market-stats span{color:#68736f;font-size:9px}.vpe-market-stats strong{margin-top:4px;font-size:14px}.vpe-market-position{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;padding:13px;border-radius:13px;background:#173b30;color:#fff}.vpe-market-position>div span,.vpe-market-position>div strong{display:block}.vpe-market-position>div span{color:#b7ccc4;font-size:9px}.vpe-market-position>div strong{margin-top:3px;color:#d9f776;font-size:13px}.vpe-market-position>p{grid-column:1/-1;margin:4px 0 0;color:#d7e4df;font-size:10px}.vpe-competitor-tables{display:grid;grid-template-columns:1fr 1.35fr;gap:16px;margin-top:17px}.vpe-competitor-tables h3{margin:0 0 8px;font-size:13px}.vpe-competitor-tables td small{display:block;color:#68736f;font-size:9px}.vpe-competitor-tables a{color:#176b52;font-weight:700;text-decoration:none}
@media(max-width:1000px){.vpe-market-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.vpe-competitor-tables{grid-template-columns:1fr}}@media(max-width:680px){.vpe-competitor-filter,.vpe-market-position{grid-template-columns:1fr}.vpe-market-stats{grid-template-columns:1fr 1fr}.vpe-market-position>p{grid-column:auto}.vpe-competitors .vpa-card-head{align-items:stretch;flex-direction:column}}

/* v2.4 – aiškus 3 žingsnių generavimas ir gyvas foninės AI užduoties progresas. */
.vpe-generate-zone{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:20px 24px;border:1px solid #cfe1d9;border-radius:16px;background:linear-gradient(135deg,#f7fbf9,#eef8f3);box-shadow:0 8px 28px rgba(18,55,44,.06)}
.vpe-generate-zone h2{margin:3px 0 4px;font-size:20px}.vpe-generate-zone p{margin:0;color:var(--vpa-muted);font-size:11px}.vpe-generate-button{min-width:220px;min-height:48px;font-size:13px}
.vpe-ai-progress{margin:0 0 16px;padding:20px 24px;border-color:#cfe1d9}.vpe-ai-progress[hidden]{display:none}.vpa-job-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vpa-job-progress-head strong{display:block;margin-top:4px;font-size:14px}.vpa-job-progress-head>span{font-weight:800;color:#176b52;font-size:18px}.vpa-job-progress-track{height:10px;margin:14px 0;border-radius:999px;background:#e3ece8;overflow:hidden}.vpa-job-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176b52,#8fbd3f,#d9f776);transition:width .45s ease}.vpe-progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.vpe-progress-steps li{position:relative;padding:9px 10px 9px 28px;border:1px solid #dce5e1;border-radius:10px;color:#74807b;background:#fafcfb;font-size:10px}.vpe-progress-steps li:before{content:"";position:absolute;left:10px;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:#c8d4cf}.vpe-progress-steps li.is-active{border-color:#8fbd3f;color:#173c31;background:#f5fadf}.vpe-progress-steps li.is-active:before{background:#8fbd3f;box-shadow:0 0 0 5px rgba(143,189,63,.18);animation:vpePulse 1.1s infinite}.vpe-progress-steps li.is-done{border-color:#bcd8cc;color:#176b52;background:#f1f8f5}.vpe-progress-steps li.is-done:before{content:"✓";width:15px;height:15px;line-height:15px;margin-top:-8px;text-align:center;color:#fff;background:#176b52;font-size:9px}.vpe-ai-progress>small{display:block;margin-top:10px;color:var(--vpa-muted);font-size:10px}.vpe-ai-progress.is-error{border-color:#edb8b8;background:#fff8f8}.vpe-ai-progress.is-error .vpa-job-progress-track i{background:#c84545}.vpe-ai-progress.is-complete{border-color:#aad1c0;background:#f4fbf7}@keyframes vpePulse{50%{transform:scale(1.2);opacity:.7}}
@media(max-width:760px){.vpe-generate-zone{align-items:stretch;flex-direction:column}.vpe-generate-button{width:100%;min-width:0}.vpe-progress-steps{grid-template-columns:1fr 1fr}}

/* Tikras dalinis sąmatos eilučių rodymas, kol AI dar analizuoja */
.vpe-stream-row{animation:vpeStreamIn .28s ease both;background:linear-gradient(90deg,#fff,#fbfdfc)}
.vpe-stream-row td{color:#40564d}
.vpe-stream-row td:nth-child(3) strong,.vpe-stream-row td:nth-child(3) small{display:block}.vpe-stream-row td:nth-child(3) small{margin-top:4px;color:#829089;font-size:9px}
.vpe-stream-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1b7157;box-shadow:0 0 0 0 rgba(27,113,87,.3);animation:vpePulse 1.35s infinite}
@keyframes vpeStreamIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes vpePulse{0%{box-shadow:0 0 0 0 rgba(27,113,87,.35)}70%{box-shadow:0 0 0 8px rgba(27,113,87,0)}100%{box-shadow:0 0 0 0 rgba(27,113,87,0)}}

/* v2.5 AI mode selector and honest background progress */
.vpe-ai-mode{display:grid;gap:6px;margin-top:14px;max-width:560px}.vpe-ai-mode span{font-weight:800}.vpe-ai-mode select{min-height:44px;border:1px solid #d8e2dd;border-radius:10px;background:#fff;padding:0 12px}.vpe-ai-mode small{color:#66756f;line-height:1.45}.vpa-upload-card [data-vpa-estimate-progress]{margin-top:14px;width:100%}.vpa-upload-card form>label:not(.vpa-file){display:grid;gap:6px}.vpa-upload-card form>label:not(.vpa-file)>span{font-size:12px;font-weight:800;color:#52645c}.vpa-upload-card form select{min-height:42px;border:1px solid #d8e2dd;border-radius:10px;background:#fff;padding:0 10px}.vpe-ai-progress small{display:block;margin-top:10px;line-height:1.45}

.vpa-upload-card .vpa-job-progress.is-failed{border-color:#edb8b8;background:#fff8f8}.vpa-upload-card .vpa-job-progress.is-failed .vpa-job-progress-track i{background:#c84545}.vpa-upload-card .vpa-job-progress.is-complete{border-color:#aad1c0;background:#f4fbf7}

/* v3.1 dokumentų eilė: failus galima papildyti, peržiūrėti ir pašalinti. */
.vpe-drop.is-dragging {
  border-color: var(--vpa-lime);
  background: rgba(197, 238, 68, 0.14);
  box-shadow: 0 0 0 4px rgba(197, 238, 68, 0.08);
}

.vpe-file-queue {
  display: grid;
  gap: 7px;
  max-height: 230px;
  margin: 0 0 12px;
  padding-right: 3px;
  overflow: auto;
}

.vpe-file-queue[hidden] {
  display: none;
}

.vpe-file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
}

.vpe-file-row > span {
  min-width: 0;
}

.vpe-file-row strong,
.vpe-file-row small {
  display: block;
}

.vpe-file-row strong {
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vpe-file-row small {
  margin-top: 2px;
  color: #bad2c8;
  font-size: 8px;
}

.vpe-file-row button {
  flex: none;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
