.tcv-wrapper{width:100%;display:flex;justify-content:center;padding:24px;box-sizing:border-box}
.tcv-card{width:100%;max-width:1000px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.06);padding:18px;border:1px solid #eef2f6}
.tcv-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.tcv-logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#0e948f,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.tcv-title{font-weight:700;font-size:16px}
.tcv-row{display:flex;gap:8px;margin-bottom:12px}
.tcv-row input{flex:1;padding:10px;border-radius:8px;border:1px solid #e6eef3}
.tcv-row button{background:#0e948f;color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}
.tcv-result{margin-top:12px;background:#f8fafc;padding:12px;border-radius:8px}
.tcv-field{display:flex;align-items:center;gap:8px;margin-bottom:14px}

.tcv-label{min-width:160px;font-weight:400;color:#0f172a}
.tcv-value{font-weight:600;color:#0f172a}
.tcv-badge{padding:6px 10px;border-radius:8px;font-weight:700;color:#fff}
.tcv-status-trusted{background:linear-gradient(180deg,#12b76a,#059669)}
.tcv-status-untrusted{background:linear-gradient(180deg,#dc2626,#b91c1c)}
.tcv-loading{color:#0e948f;font-weight:700}
.tcv-error{color:#b91c1c;font-weight:600}

@media(max-width:600px){
  .tcv-row{flex-direction:column; gap:12px}
  .tcv-row input, .tcv-row button{width:100%}
  .tcv-field{flex-direction:column; align-items:flex-start}
}



/* Mobile improvements: make fields wrap and fit better on small screens */
@media (max-width: 600px) {
  .tcv-card{padding:12px;}
  .tcv-row{flex-direction:column;}
  .tcv-row input{width:100%; box-sizing:border-box;}
  .tcv-row button{width:100%;}
  .tcv-field{flex-direction:row; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap;}
  .tcv-label{min-width:120px; flex:0 0 auto;}
  .tcv-value{flex:1 1 0; min-width:0;}
  .tcv-field-name .tcv-label, .tcv-field-name .tcv-value.small{font-size:13px;}
  .tcv-result{padding:10px;}
}
/* Slightly wider inputs on narrow devices */
@media (max-width:420px) {
  .tcv-label{min-width:100px;}
  .tcv-row input{font-size:15px;}
}


/* Larger layout for mobile screens */
@media (max-width: 600px) {
  .tcv-row input, .tcv-row button {font-size:16px; padding:14px;}
  .tcv-label{font-size:15px; min-width:130px;}
  .tcv-value{font-size:15px;}
  .tcv-badge{font-size:14px; padding:8px 12px;}
  .tcv-card{padding:16px;}
}