/* Extracted from `AccountHistory.html` on2026-02-13. Keep selectors unchanged. */

body {
 font-family: Arial, sans-serif;
 padding:20px;
 max-width:1100px;
 margin: auto;
}

/* ===== Login terms warning ===== */
#loginTermsWarning {
 display: none;
 margin:0010px0;
 padding:10px12px;
 border:1px solid #f3b3b3;
 background: #fff2f2;
 border-radius:8px;
 color: #a40000;
 font-size:12px;
 line-height:1.35;
}
#loginTermsWarning a { color: #a40000; text-decoration: underline; }

.row {
 margin:8px0;
 display: flex;
 flex-wrap: wrap;
 gap:10px;
 align-items: center;
}

table {
 border-collapse: collapse;
 width:100%;
}

th, td {
 border:1px solid #ddd;
 padding:6px;
 vertical-align: top;
}

th {
 background: #f5f5f5;
}

.small {
 font-size:12px;
 color: #555;
}

input, select, button {
 padding:6px;
}

.history-details-row td {
 background: #fafafa;
}

.history-details-box {
 padding:8px6px;
 font-size:12px;
}

.history-details-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
 gap:10px;
}

.history-details-col h4 {
 margin:004px0;
 font-size:13px;
 border-bottom:1px solid #ddd;
}

.history-item-line {
 border-bottom:1px dashed #eee;
 padding:2px0;
}

.history-item-line span.qty {
 font-weight: bold;
 margin-right:4px;
}

.history-empty-msg {
 font-style: italic;
 color: #777;
}

.pill {
 display: inline-block;
 padding:2px6px;
 border-radius:10px;
 background: #eee;
 font-size:12px;
}

h1 {
 color:#fff;
}