/* =========================================================
   Konverter Gambar — komponen khusus tool.
   Semua warna turunan dari token shell. Tidak ada hex baru
   di luar palet yang sudah dipakai prototype.
   ========================================================= */

/* Hero khusus tool (varian dari .hero milik shell/tema) */
.bcv-tool-hero{min-height:650px;padding:80px 45px 50px;text-align:center;position:relative}
.bcv-tool-hero h1{font-size:44px;letter-spacing:-1.8px;margin:10px 0 25px;font-weight:500}
.bcv-tool-hero .subtitle{font-size:17px;color:#53627d;margin-bottom:43px}
.bcv-tool-hero .create-cta{width:min(708px,90%);height:103px;margin:auto;border:1px solid #eef0f5;border-radius:25px;
      background:#fff;box-shadow:0 13px 30px rgba(45,75,120,.13);display:flex;align-items:center;
      justify-content:space-between;padding:0 34px;cursor:pointer;font-size:20px;color:#111}
.bcv-tool-hero .create-cta .plus{font-size:37px;font-weight:300;margin-right:25px}
.bcv-tool-hero .create-left{display:flex;align-items:center}
.bcv-tool-hero .arrow{font-size:33px;font-weight:300}
.bcv-tool-hero .hint{display:inline-block;margin-top:32px;background:#1677ff;color:#fff;padding:10px 19px;border-radius:7px;
      font-size:13px;box-shadow:0 5px 15px #1677ff55;position:relative}
.bcv-tool-hero .hint:after{content:"";position:absolute;left:50%;bottom:-10px;border:6px solid transparent;border-top-color:#1677ff}
.bcv-tool-hero .dash{height:110px;border-left:2px dashed #267dff;margin:auto;width:1px}
.bcv-tool-hero .down{margin:18px auto 0;width:76px;height:76px;border-radius:50%;background:#e8f1ff;display:grid;
      place-items:center;cursor:pointer;border:0}
.bcv-tool-hero .down span{width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;
      font-size:31px;box-shadow:0 5px 16px #799ad033}
.bcv-tool-hero .annotation{position:absolute;right:12%;top:485px;color:#1470ed;font-family:"Comic Sans MS",cursive;
      font-size:15px;text-align:left;transform:rotate(-2deg)}
.bcv-tool-hero .annotation .curve{font-size:28px;display:block;margin-left:-40px;transform:rotate(-10deg)}

.drop-cta{border:1px dashed #cddcf2!important;transition:.18s}
.drop-cta.over{border-color:#1677ff!important;background:#f6faff;box-shadow:0 13px 30px rgba(22,119,255,.18)}
.bcv-file-input{display:none}
.hero-note{font-size:12px;color:#8a909b;margin-top:14px}

/* Antrean file */
.bcv-queue{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:4px}
.bcv-empty{border:1px dashed #d7dde8;border-radius:10px;padding:34px 18px;text-align:center;color:#8a909b;
      font-size:11px;line-height:1.7}
.bcv-empty b{display:block;color:#2478ec;font-size:12px;margin-bottom:4px}
.bcv-item{display:flex;gap:12px;align-items:center;border:1px solid #edf0f4;border-radius:10px;padding:10px;background:#fff}
.bcv-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#f3f6fb;border:1px solid #eef1f6;flex:none}
.bcv-meta{flex:1;min-width:0}
.bcv-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcv-sub{font-size:10px;color:#8a909b;margin-top:4px}
.bcv-sub .to{color:#1677ff;font-weight:700}
.bcv-bar{height:3px;border-radius:3px;background:#eef1f6;margin-top:7px;overflow:hidden}
.bcv-bar i{display:block;height:100%;width:0;background:#1677ff;transition:width .25s}
.bcv-right{display:flex;align-items:center;gap:8px;flex:none}
.bcv-chip{font-size:9px;font-weight:800;border-radius:20px;padding:5px 9px;background:#e8f8ef;color:#0b7a45}
.bcv-chip.up{background:#fff4e3;color:#a76a06}
.bcv-chip.wait{background:#f2f4f7;color:#778298}
.bcv-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e3e7ed;background:#fff;cursor:pointer;
      font-size:12px;color:#5c677d;flex:none}
.bcv-icon-btn:hover{background:#f5f8fd}
.bcv-icon-btn.primary{border-color:#bcd4fb;background:#f1f6ff;color:#1267e9}
.bcv-add-more{height:64px;margin-top:12px;cursor:pointer;width:100%;background:#fff;font-size:11px}

/* Panel pengaturan */
.bcv-setting{margin-bottom:16px}
.bcv-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bcv-seg button{border:1px solid #dfe4eb;background:#fff;border-radius:7px;padding:9px 0;font-size:10px;font-weight:700;
      color:#5c677d;cursor:pointer}
.bcv-seg button.on{border-color:#1677ff;background:#edf4ff;color:#1265ed}
.bcv-range{width:100%;border:0;padding:0;background:transparent;accent-color:#1677ff}
.bcv-range:focus{box-shadow:none}
.bcv-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.bcv-row b{font-size:10px;color:#1265ed}
.bcv-stat{border:1px solid #edf0f4;border-radius:10px;background:#fbfcfe;padding:13px;margin-top:18px}
.bcv-stat-row{display:flex;justify-content:space-between;font-size:10px;color:#68748b;margin-bottom:7px}
.bcv-stat-row:last-child{margin-bottom:0}
.bcv-stat-row b{color:#101b3d;font-size:11px}
.bcv-stat-row b.green{color:#0b7a45}
.bcv-locked{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5eaf2;
      border-radius:10px;padding:11px 13px;margin-top:10px;font-size:10px;color:#768197;background:#fff}
.bcv-locked .pro-tag{font-size:9px;padding:5px 8px;text-decoration:none}

/* Cross-sell ke CV Builder */
.bcv-cross{max-width:1120px;margin:0 auto 90px;padding:0 7%}
.bcv-cross-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;
      border:1px solid #e5eaf2;border-radius:18px;padding:26px 30px;box-shadow:0 10px 30px rgba(30,65,115,.06)}
.bcv-cross-card h3{font-size:18px;margin:0 0 7px}
.bcv-cross-card p{margin:0;font-size:13px;color:#68748b;line-height:1.6}
.bcv-cross-btn{border:0;background:#1677ff;color:#fff;border-radius:9px;padding:12px 20px;cursor:pointer;
      font-weight:600;font-size:12px;white-space:nowrap;text-decoration:none;display:inline-block}

@media(max-width:850px){
  .bcv-tool-hero h1{font-size:34px}
  .bcv-tool-hero .annotation{display:none}
  .bcv-cross-card{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .bcv-tool-hero{padding:55px 15px 35px}
  .bcv-tool-hero .create-cta{height:88px;font-size:16px;padding:0 22px}
  .bcv-tool-hero .create-cta .plus{font-size:30px;margin-right:15px}
  .bcv-tool-hero .subtitle{font-size:15px}
}