/* Container general + taburi */
.wcpa-wrap { margin: 16px 0 20px; }
.wcpa-tabs { display:flex; gap:8px; margin-bottom:12px; }
.wcpa-tab {
  background:#f0f3ff;
  border:1px solid #dfe6ff;
  color:#2d3b6c;
  padding:8px 14px;
  border-radius:10px !important;
  cursor:pointer;
  transition:background .2s, border-color .2s, box-shadow .2s;
}
.wcpa-tab:hover { background:#eef2ff; }
.wcpa-tab:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(91,132,255,.18); }

.wcpa-tab-active {
  background:#e7edff;
  border-color:#bfcfff;
  font-weight:600;
  position:relative;
  border-radius:10px;
}
.wcpa-tab-active::after {
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid gold; /* activ = auriu fin */
  border-radius:8px;
  pointer-events:none;
}

.wcpa-panel { display:none; }
.wcpa-panel-active { display:block; }

/* Grid 2 coloane pentru fișiere */
.wcpa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }

/* Zona de upload */
.wcpa-drop { border: 2px dashed #d0d6f0; border-radius: 12px; background:#f9fbff; transition: background .2s, border-color .2s; }
.wcpa-drop-inner { padding: 15px; text-align: center; position: relative; }
.wcpa-icon { font-size: 40px; color:#5b84ff; margin-bottom: 8px; }
.wcpa-or { opacity: .6; font-size: 12px; margin-top: 4px; margin-bottom: 4px; }
.wcpa-btn.button { border-radius: 24px; padding: 8px 20px; }
.wcpa-help { margin-top: 10px; font-size: 12px; opacity: .7; line-height: 1.4; }
.wcpa-input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.wcpa-drop.dragover { background:#eef4ff; border-color:#5b84ff; }

/* Lista fișiere */
.wcpa-list-col { background:#fff; border:1px solid #e6ebf5; border-radius:12px; padding: 14px 14px 6px; }
.wcpa-list-title { font-weight: 600; margin-bottom: 8px; }
.wcpa-list { display:flex; flex-direction: column; gap: 8px; min-height: 24px; }
.wcpa-file {
  display: flex;
  align-items: center;
  justify-content: space-between; /* nou adăugat */
  gap: 10px;
  padding: 10px;
  border: 1px solid #edf0f6;
  border-radius: 10px;
  background: #fafbff;
  overflow: hidden;
}
.wcpa-file .ico {
  width:28px; height:28px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:6px; font-size:11px; font-weight:700; color:#fff; text-transform: uppercase;
}
/* Numele fișierului – fix 70px global, trunchiat */
.wcpa-file .name {
  flex: 0 0 70px;       /* lățime fixă */
  max-width: 70px;
  font-size:14px;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wcpa-file .remove { color:#d33; cursor:pointer; font-weight:700; }
.wcpa-file .bar { height:4px; background:#e6ecff; border-radius:3px; overflow:hidden; flex-basis: 120px; min-width:60px; }
.wcpa-file .bar > span { display:block; height:100%; width:100%; background:#5b84ff; }

/* Culori iconițe pe tip */
.wcpa-ico-pdf { background:#f25b56; }
.wcpa-ico-ai  { background:#f4a61f; }
.wcpa-ico-psd { background:#3b73ff; }
.wcpa-ico-png,
.wcpa-ico-jpg,
.wcpa-ico-jpeg,
.wcpa-ico-gif { background:#6aa84f; }

/* Panou text */
.wcpa-text-label { display:block; margin-bottom:6px; font-weight:600; }
.wcpa-textarea { width:100%; border:1px solid #dfe5f4; border-radius:10px; padding:10px 12px; background:#fff; min-height:120px; }
.wcpa-textarea:focus { outline: none; border-color:#5b84ff; box-shadow: 0 0 0 3px rgba(91,132,255,.15); }
.wcpa-text-help { margin-top:6px; font-size:12px; opacity:.7; }

/* Responsive */
@media (max-width: 782px) {
  .wcpa-grid { grid-template-columns: 1fr; }
}