.ew-lookup {
--ew-ink: #14213d;
--ew-ink-soft: #52686f;
--ew-surface: #ffffff;
--ew-panel: #f5f8f8;
--ew-line: #d5e0e1;
--ew-accent: #1e40af;
--ew-accent-strong: #16337a;
--ew-error: #9a2f2f;
max-width: 560px;
margin: 0 auto;
color: var(--ew-ink);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.5;
}
.ew-lookup *, .ew-lookup *::before, .ew-lookup *::after { box-sizing: border-box; }
.ew-lookup__card {
background: var(--ew-surface);
border: 1px solid var(--ew-line);
border-radius: 12px;
padding: clamp( 20px, 4vw, 32px );
}
.ew-lookup__title { margin: 0 0 6px; font-size: clamp( 20px, 3vw, 26px ); font-weight: 700; letter-spacing: -0.01em; }
.ew-lookup__sub { margin: 0 0 20px; color: var(--ew-ink-soft); font-size: 15px; }
.ew-lookup__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ew-lookup__field { display: flex; flex-direction: column; }
.ew-lookup__field span { margin-bottom: 5px; font-size: 13px; font-weight: 600; }
.ew-lookup__field input {
min-height: 50px;
padding: 0 14px;
font-size: 16px;
color: var(--ew-ink);
background: #fff;
border: 1.5px solid var(--ew-line);
border-radius: 9px;
}
.ew-lookup__field input:focus {
outline: none;
border-color: var(--ew-accent);
box-shadow: 0 0 0 3px rgba( 30, 64, 175, 0.18 );
}
.ew-lookup__btn {
margin-top: 16px;
width: 100%;
min-height: 52px;
font-size: 16px;
font-weight: 600;
color: #fff;
background: var(--ew-accent);
border: none;
border-radius: 10px;
cursor: pointer;
transition: background-color 0.15s ease;
}
.ew-lookup__btn:hover:not([disabled]) { background: var(--ew-accent-strong); }
.ew-lookup__btn[disabled] { opacity: 0.55; cursor: default; }
.ew-lookup__msg { margin: 14px 0 0; font-size: 14px; min-height: 1.2em; }
.ew-lookup__msg.is-error { color: var(--ew-error); font-weight: 600; }
.ew-lookup__msg.is-pending { color: var(--ew-ink-soft); } .ew-res {
margin-top: 18px;
background: var(--ew-surface);
border: 1px solid var(--ew-line);
border-radius: 12px;
padding: clamp( 18px, 3vw, 28px );
}
.ew-res__title { margin: 0; font-size: 20px; font-weight: 700; }
.ew-res__serial { margin: 4px 0 16px; color: var(--ew-ink-soft); font-size: 13px; }
.ew-res__section { padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--ew-line); }
.ew-res__section:first-of-type { border-top: none; margin-top: 0; padding-top: 0; }
.ew-res__section h4 { margin: 0 0 10px; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ew-accent); }
.ew-res__row { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; font-size: 15px; }
.ew-res__label { color: var(--ew-ink-soft); }
.ew-res__value { font-weight: 600; text-align: right; }
@media ( max-width: 480px ) {
.ew-lookup__row { grid-template-columns: 1fr; }
}
@media ( prefers-reduced-motion: reduce ) {
.ew-lookup__btn { transition: none; }
}