/* ==========================================================================
   UNITS CONVERTER — unit.css
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;}
input,textarea,select,button{font-family:var(--font-body,inherit);font-size:inherit;color:inherit;}

.ucv-tool{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;width:100%;max-width:820px;margin:0 auto;}

/* category tabs */
.ucv-tabs{display:flex;flex-wrap:wrap;gap:0.4rem;justify-content:center;}
.ucv-tab{cursor:pointer;border:1px solid var(--glass-border,rgba(255,255,255,0.14));background:rgba(255,255,255,0.05);color:var(--text-secondary,rgba(255,255,255,0.72));border-radius:999px;padding:0.4em 0.95em;font-size:0.86rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;}
.ucv-tab:hover{background:rgba(255,255,255,0.1);}
.ucv-tab.is-active{background:var(--text-primary,#fff);color:#0a0a10;border-color:transparent;}

/* inputs */
.ucv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto minmax(0,1.3fr);gap:0.6rem;align-items:end;}
.ucv-field{display:flex;flex-direction:column;gap:0.3rem;min-width:0;}
.ucv-field>label,.ucv-label{font-size:0.72rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted,rgba(255,255,255,0.45));}
.ucv-input,.ucv-select{width:100%;height:46px;color:var(--text-primary,#fff);background:rgba(255,255,255,.06);border:0.5px solid var(--glass-border,rgba(255,255,255,0.14));border-radius:var(--radius-sm,8px);padding:0 0.8em;font-size:1rem;}
.ucv-select{appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis;padding-right:2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23ffffff99' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.8em center;}
.ucv-select option{background:#15131f;color:#fff;}
.ucv-input:focus,.ucv-select:focus{outline:none;border-color:var(--accent,#c084fc);box-shadow:0 0 0 2px rgba(192,132,252,0.15);}
.ucv-swap{height:46px;width:46px;border-radius:var(--radius-sm,8px);border:0.5px solid var(--glass-border,rgba(255,255,255,0.14));background:rgba(255,255,255,0.08);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;-webkit-tap-highlight-color:transparent;}
.ucv-swap:hover{background:rgba(255,255,255,0.16);}

#ucv-error{display:none;color:#f87171;font-size:0.82rem;padding:0.45rem 0.7rem;background:rgba(248,113,113,0.08);border:0.5px solid rgba(248,113,113,0.25);border-radius:var(--radius-sm,8px);}

/* result */
.ucv-result-box{border:0.5px solid var(--glass-border,rgba(255,255,255,0.15));border-radius:var(--radius-sm,8px);padding:1rem 1.1rem;background:rgba(192,132,252,0.06);display:flex;flex-wrap:wrap;gap:0.75rem 1rem;align-items:center;justify-content:space-between;min-height:104px;}
.ucv-result-main{min-width:0;flex:1 1 260px;}
.ucv-result-value{font-size:clamp(1.5rem,4.5vw,2.2rem);font-weight:800;color:#fff;line-height:1.15;word-break:break-word;}
.ucv-eq{font-size:0.82rem;color:var(--text-muted,rgba(255,255,255,0.5));margin-top:0.3rem;word-break:break-word;min-height:1.2em;}
.ucv-result-actions{display:flex;gap:0.5rem;align-items:flex-end;flex-wrap:wrap;}
.ucv-prec-wrap{display:flex;flex-direction:column;gap:0.3rem;}
.ucv-prec-wrap .ucv-select{height:40px;min-width:110px;font-size:0.88rem;}
.ucv-result-actions .u-btn{height:40px;font-size:0.86rem;padding:0 1.1em;}

/* all units */
.ucv-all-title{font-size:0.72rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-muted,rgba(255,255,255,0.45));margin:0 0 0.5rem;}
.ucv-all{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0.45rem;}
.ucv-all-item{display:flex;flex-direction:column;gap:0.1rem;padding:0.55rem 0.7rem;border-radius:var(--radius-sm,8px);background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.08);min-width:0;}
.ucv-all-item.is-target{border-color:rgba(192,132,252,0.55);background:rgba(192,132,252,0.08);}
.ucv-all-val{font-weight:700;font-size:0.98rem;color:#fff;word-break:break-word;}
.ucv-all-unit{font-size:0.74rem;color:var(--text-muted,rgba(255,255,255,0.5));}

.ucv-security-note{font-size:0.7rem;color:var(--text-muted,rgba(255,255,255,0.3));line-height:1.4;text-align:center;margin:0;}

@media(max-width:700px){
  .ucv-row{grid-template-columns:1fr auto;grid-template-areas:"v v" "f s" "t t";}
  .ucv-row .ucv-f-val{grid-area:v;}
  .ucv-row .ucv-f-from{grid-area:f;}
  .ucv-row .ucv-swap{grid-area:s;}
  .ucv-row .ucv-f-to{grid-area:t;}
  .ucv-tool{padding:1rem;}
  .ucv-result-actions{width:100%;}
  .ucv-result-actions .u-btn{flex:1;}
}

/* ── USP pills — force single row, no wrap, correct font size ──────────── */
.u-usp-row{flex-wrap:nowrap !important;gap:0.35rem !important;justify-content:center;}
.u-usp-pill{white-space:nowrap;padding:0.28em 0.75em !important;}
@media (max-width: 600px){.u-usp-row{flex-wrap:wrap !important;}}
@media (max-width: 440px) {
  .u-nav .u-container { gap: .4rem; }
  .u-nav .u-brand { gap: .25em; }
  .u-nav .u-brand-prefix { font-size: .7rem; letter-spacing: .1em; }
  .u-nav .u-brand-name { font-size: .92rem; }
}
@media (max-width: 340px) {
  .u-nav .u-brand-prefix { font-size: .6rem; letter-spacing: .06em; }
  .u-nav .u-brand-name { font-size: .78rem; }
}