#card-lookup-view { width: 100%; }
#card-lookup-form { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; margin: 24px 0 12px; }
#card-lookup-form label { display: grid; gap: 8px; font-weight: 600; }
#card-lookup-query { width: 250px; max-width: 100%; padding: 12px; border: 1px solid #ccd8ea; border-radius: 8px; font: inherit; }
#card-lookup-query:focus::placeholder { color: transparent; }
#card-lookup-form button { padding: 13px 26px; border: 0; border-radius: 8px; background: #3265d8; color: white; font: inherit; cursor: pointer; }
#card-lookup-form button:disabled { opacity: .6; cursor: wait; }
.card-lookup-card { background: white; border: 1px solid #e0e7f1; border-radius: 14px; padding: 26px; margin: 22px 0; overflow-wrap: anywhere; }
.card-lookup-card h2 { margin: 8px 0 16px; }
.card-lookup-card h3 { margin-top: 24px; }
.card-lookup-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; margin: 24px 0; }
.card-lookup-grid dt,.card-lookup-note { color: #64748b; font-size: 13px; }
.card-lookup-grid dd { margin: 6px 0 0; font-weight: 600; }
.card-lookup-text { white-space: pre-wrap; line-height: 1.65; }
.card-lookup-comment,.card-lookup-attachment { padding: 16px 0; border-bottom: 1px solid #e0e7f1; }
.card-lookup-comment summary { cursor: pointer; font-weight: 600; }
.card-lookup-comment .card-lookup-text { margin-top: 14px; }
#card-lookup-status.is-error,.card-lookup-card .is-error { color: #b42318; }
@media(max-width:600px) { .card-lookup-card { padding: 18px; } #card-lookup-form label { width: 100%; } }