/* Minimal, focused CSS for Invoice Records frontend */

.invoice-search {
    max-width: 520px;
    margin: 20px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.invoice-search label { display:block; font-size:15px; font-weight:700; margin-bottom:8px; color:#222; }

.invoice-search input[type="text"], .invoice-search input[type="search"] {
    width:100%; padding:10px 12px; margin-bottom:12px; border:1px solid #e4e4e4; border-radius:6px; font-size:15px;
}

.invoice-search input[type="submit"], .invoice-search button {
    width:100%; background:#0073aa; color:#fff; padding:11px 12px; border:none; border-radius:6px; cursor:pointer; transition:background .18s ease;
}
.invoice-search input[type="submit"]:hover, .invoice-search button:hover { background:#005177; transform:translateY(-1px); }

.results-container { max-width:720px; margin:20px auto; padding:0 12px; box-sizing:border-box; }
.result-item { background:#fff; border-left:5px solid #0073aa; padding:16px; margin-bottom:16px; box-shadow:0 2px 10px rgba(0,0,0,0.04); border-radius:6px; }
.result-item h3 { color:#0073aa; font-size:18px; margin:0 0 10px 0; line-height:1.2; }
.result-item p { font-size:14px; color:#444; margin:6px 0; }
.result-item p strong { font-weight:700; color:#222; }

.result-item ul, .result-item ol { margin:8px 0 12px 1.2em; padding-left:0.2em; }
.result-item li { margin:6px 0; }

@media (max-width:520px) {
    .invoice-search { margin:14px; padding:14px; }
    .results-container { padding:0 10px; }
    .result-item { padding:12px; }
}