
.tlip-wrap{max-width:1100px;margin:24px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.tlip-shell{border-radius:28px;padding:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.tlip-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.tlip-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;opacity:.86;margin-bottom:8px}
.tlip-titlebox h2{margin:0 0 8px;font-size:34px;line-height:1}
.tlip-titlebox p{margin:0;max-width:700px;opacity:.78;font-size:14px}
.tlip-sidebadges{display:flex;gap:8px;flex-wrap:wrap}
.tlip-sidebadges span{padding:8px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em}
.tlip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tlip-panel,.tlip-process,.tlip-results,.tlip-feed{border-radius:22px;padding:18px;margin-top:16px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.tlip-panel h3{margin:0 0 10px;font-size:22px}
.tlip-panel label{display:block;margin:12px 0 6px;font-size:13px;font-weight:800}
.tlip-panel input{width:100%;box-sizing:border-box;padding:14px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.26);outline:none;font-size:14px}
.tlip-panel input::placeholder{opacity:.55}
.tlip-phonewrap{display:flex;gap:10px;align-items:center}
.tlip-flag{min-width:56px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.24);font-size:24px}
.tlip-helper{margin:14px 0 0;font-size:13px;opacity:.76}
.tlip-actions{margin-top:18px}
.tlip-btn{border:none;border-radius:18px;padding:15px 18px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.tlip-process-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.tlip-process-top strong{font-size:18px}
.tlip-process-top p{margin:6px 0 0;font-size:13px;opacity:.76}
.tlip-percentage{font-size:30px;font-weight:900}
.tlip-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}
.tlip-stage{padding:10px 8px;border-radius:14px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid rgba(255,255,255,.08);opacity:.6}
.tlip-stage.active{opacity:1;transform:translateY(-1px)}
.tlip-bar{height:12px;border-radius:999px;overflow:hidden;margin-top:14px;border:1px solid rgba(255,255,255,.08)}
.tlip-bar span{display:block;height:100%;width:0;transition:width .35s ease}
.tlip-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.tlip-meta div{padding:11px 12px;border-radius:14px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.08)}
.tlip-log{display:grid;gap:8px;margin-top:14px}
.tlip-log-item{padding:10px 12px;border-radius:14px;font-size:13px;border:1px solid rgba(255,255,255,.08)}
.tlip-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tlip-metric{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.tlip-metric span{display:block;font-size:12px;opacity:.7;margin-bottom:8px}
.tlip-metric strong{display:block;font-size:30px;line-height:1}
.tlip-class{margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);font-weight:800}
.tlip-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}
.tlip-box{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.tlip-box strong{display:block;margin-bottom:10px}
.tlip-box ul{margin:0 0 0 18px;padding:0}
.tlip-box li{margin-bottom:6px}
.tlip-chiprow{display:flex;gap:10px;flex-wrap:wrap}
.tlip-chip{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-weight:700}
.tlip-sharecard{margin-top:12px;padding:14px 16px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);font-size:13px;opacity:.9}
.tlip-feed-head{display:flex;justify-content:space-between;align-items:center}
.tlip-feed-head span{font-size:11px;font-weight:900;letter-spacing:.14em}
.tlip-feed-list{display:grid;gap:10px;margin-top:12px}
.tlip-feed-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);align-items:center}
.tlip-feed-item small{opacity:.7}
.tlip-footer{margin-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;opacity:.72}
.tlip-footer code{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.tlip-error{margin-top:12px;padding:12px 14px;border-radius:16px;font-weight:700}

.tlip-skin-yellow_black .tlip-shell{background:linear-gradient(180deg,#121212 0%,#080808 100%);color:#f5f1d0}
.tlip-skin-yellow_black .tlip-sidebadges span,.tlip-skin-yellow_black .tlip-btn{background:linear-gradient(90deg,#ffd400,#ffb800);color:#141414}
.tlip-skin-yellow_black .tlip-panel,.tlip-skin-yellow_black .tlip-process,.tlip-skin-yellow_black .tlip-results,.tlip-skin-yellow_black .tlip-feed,.tlip-skin-yellow_black .tlip-stage,.tlip-skin-yellow_black .tlip-metric,.tlip-skin-yellow_black .tlip-box,.tlip-skin-yellow_black .tlip-class,.tlip-skin-yellow_black .tlip-feed-item,.tlip-skin-yellow_black .tlip-meta div,.tlip-skin-yellow_black .tlip-log-item,.tlip-skin-yellow_black .tlip-chip,.tlip-skin-yellow_black .tlip-footer code{background:#111}
.tlip-skin-yellow_black .tlip-bar{background:#1a1a1a}
.tlip-skin-yellow_black .tlip-bar span,.tlip-skin-yellow_black .tlip-stage.active{background:linear-gradient(90deg,#ffd400,#ffb800);color:#111}
.tlip-skin-yellow_black input,.tlip-skin-yellow_black .tlip-flag{color:#fff}
.tlip-skin-yellow_black .tlip-error{background:#341e00;color:#ffd98c;border:1px solid #6f4e00}

.tlip-skin-blue_cyber .tlip-shell{background:linear-gradient(180deg,#0f1728 0%,#08101f 100%);color:#e7f5ff}
.tlip-skin-blue_cyber .tlip-sidebadges span,.tlip-skin-blue_cyber .tlip-btn{background:linear-gradient(90deg,#5dd7ff,#7e8cff);color:#07111c}
.tlip-skin-blue_cyber .tlip-panel,.tlip-skin-blue_cyber .tlip-process,.tlip-skin-blue_cyber .tlip-results,.tlip-skin-blue_cyber .tlip-feed,.tlip-skin-blue_cyber .tlip-stage,.tlip-skin-blue_cyber .tlip-metric,.tlip-skin-blue_cyber .tlip-box,.tlip-skin-blue_cyber .tlip-class,.tlip-skin-blue_cyber .tlip-feed-item,.tlip-skin-blue_cyber .tlip-meta div,.tlip-skin-blue_cyber .tlip-log-item,.tlip-skin-blue_cyber .tlip-chip,.tlip-skin-blue_cyber .tlip-footer code{background:#0a1222}
.tlip-skin-blue_cyber .tlip-bar{background:#09111f}
.tlip-skin-blue_cyber .tlip-bar span,.tlip-skin-blue_cyber .tlip-stage.active{background:linear-gradient(90deg,#5dd7ff,#7e8cff);color:#08101f}
.tlip-skin-blue_cyber .tlip-error{background:#1f1638;color:#ddd1ff;border:1px solid #50427d}

.tlip-skin-dark_premium .tlip-shell{background:linear-gradient(180deg,#1a1d25 0%,#0d1017 100%);color:#f0f3f8}
.tlip-skin-dark_premium .tlip-sidebadges span,.tlip-skin-dark_premium .tlip-btn{background:linear-gradient(90deg,#ffffff,#cfd7e6);color:#111822}
.tlip-skin-dark_premium .tlip-panel,.tlip-skin-dark_premium .tlip-process,.tlip-skin-dark_premium .tlip-results,.tlip-skin-dark_premium .tlip-feed,.tlip-skin-dark_premium .tlip-stage,.tlip-skin-dark_premium .tlip-metric,.tlip-skin-dark_premium .tlip-box,.tlip-skin-dark_premium .tlip-class,.tlip-skin-dark_premium .tlip-feed-item,.tlip-skin-dark_premium .tlip-meta div,.tlip-skin-dark_premium .tlip-log-item,.tlip-skin-dark_premium .tlip-chip,.tlip-skin-dark_premium .tlip-footer code{background:#141923}
.tlip-skin-dark_premium .tlip-bar{background:#0b1018}
.tlip-skin-dark_premium .tlip-bar span,.tlip-skin-dark_premium .tlip-stage.active{background:linear-gradient(90deg,#ffffff,#cfd7e6);color:#121822}
.tlip-skin-dark_premium .tlip-error{background:#311a22;color:#ffd9e5;border:1px solid #6a394a}

@media (max-width: 900px){
  .tlip-grid,.tlip-metrics,.tlip-detail-grid,.tlip-meta,.tlip-stage-grid{grid-template-columns:1fr}
  .tlip-header{flex-direction:column}
  .tlip-titlebox h2{font-size:28px}
  .tlip-feed-item{grid-template-columns:1fr}
}


/* Ajustes solicitados */
.tlip-titlebox h2,
.tlip-panel h3,
.tlip-process-top strong,
.tlip-results h3,
.tlip-box strong,
.tlip-feed-head strong,
.tlip-kicker,
.tlip-process-top .tlip-percentage {
  color:#ffd400 !important;
}
.tlip-titlebox p,
.tlip-helper,
.tlip-process-top p,
.tlip-panel label {
  color:#ffd84d !important;
  opacity:1 !important;
}
.tlip-panel input {
  color:#7a0f16 !important;
  font-weight:700;
}
.tlip-panel input::placeholder {
  color:#8b3a3f !important;
  opacity:1 !important;
}
