.result-count { margin: 0 2px 6px; color: var(--muted); font-size: 10px; }
.catalog-preview { max-height: 410px; overflow: auto; }
.no-results, .holdings-empty { padding: 30px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 12px; }
.back-button { border: 0; background: transparent; color: var(--muted); padding: 8px 0 14px; cursor: pointer; }
.back-button:hover { color: var(--text); }
.selected-product { display: flex; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.selected-product span { display: grid; }
.selected-product b { font-size: 14px; }
.selected-product small { color: var(--muted); margin-top: 4px; }
.holding-form { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 18px; }
.holding-form > label { display: grid; gap: 7px; }
.holding-form > label:first-child { max-width: 180px; }
.holding-form label > span { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 700; }
.holding-form label span small { font-size: 9px; color: #687992; }
.holding-form input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #34425d; border-radius: 10px; background: #0a111e; color: var(--text); outline: 0; }
.holding-form input:focus { border-color: var(--gold); }
.holding-form label > small { font-size: 10px; color: var(--muted); }
.money-input { display: flex; align-items: center; border: 1px solid #34425d; border-radius: 10px; background: #0a111e; }
.money-input:focus-within { border-color: var(--gold); }
.money-input b { padding-left: 12px; color: var(--muted); }
.money-input input { border: 0; }
.item-summary { grid-column: 1 / -1; display: flex; justify-content: space-between; padding: 15px; border-radius: 11px; background: var(--surface-2); color: var(--muted); font-size: 12px; }
.item-summary strong { color: var(--text); }
.form-submit, .form-error { grid-column: 1 / -1; }
.form-error { color: #ff8181; font-size: 12px; margin: 0; }
.holdings-cards { display: grid; gap: 10px; margin-top: 24px; }
.holding-card { display: flex; width: 100%; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--text); text-align: left; cursor: pointer; }
.holding-card:hover { border-color: #42516b; background: var(--surface-2); }
.holding-card > div { display: grid; gap: 4px; }
.holding-card strong { font-size: 16px; }
.holding-card span { color: var(--muted); font-size: 13px; }
.holding-card span b { color: var(--text); }
.holding-card span i { display: inline-block; width: 3px; height: 3px; margin: 0 7px 3px; border-radius: 50%; background: #62728b; }
.holding-card > em { margin-left: auto; color: var(--gold); font-size: 28px; font-style: normal; }
.remove-button { margin-left: auto; border: 1px solid #57313a; border-radius: 9px; padding: 7px 11px; background: rgba(142,44,63,.12); color: #ff9aa8; cursor: pointer; }
.remove-button:hover { background: rgba(142,44,63,.25); }
.holding-detail-summary { display: flex; align-items: center; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.holding-detail-summary > div { display: grid; gap: 5px; }
.holding-detail-summary strong { font-size: 16px; }
.holding-detail-summary span { color: var(--muted); font-size: 12px; }
.detail-totals { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0 20px; }
.detail-totals > div { display: grid; gap: 5px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; }
.detail-totals span, .detail-heading { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.detail-totals strong { font-size: 15px; }
.detail-heading { margin: 0 0 8px; font-weight: 800; }
.lot-list { display: grid; gap: 9px; max-height: 370px; overflow: auto; }
.holding-lot { display: grid; grid-template-columns: minmax(90px,.6fr) 2fr auto; align-items: center; gap: 18px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: #0b1321; }
.lot-primary { display: grid; gap: 4px; }
.lot-primary strong { font-size: 13px; }
.lot-primary span { color: var(--muted); font-size: 11px; }
.holding-lot dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0; }
.holding-lot dl div { display: grid; gap: 3px; }
.holding-lot dt { color: #6f809a; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.holding-lot dd { margin: 0; color: var(--text); font-size: 11px; }
@media (max-width: 640px) { .holding-card { padding: 15px; } .holding-card span { font-size: 11px; } .holding-lot { grid-template-columns: 1fr; gap: 12px; } .holding-lot dl { grid-template-columns: 1fr 1fr; } .holding-lot .remove-button { margin-left: 0; } }
@media (max-width: 440px) { .holding-form { grid-template-columns: 1fr; } .holding-form > label:first-child { max-width: none; } }
.summary-card.gain.positive strong { color: var(--green); }
.summary-card.gain.negative strong { color: #fb7185; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.import-panel { margin-top: 24px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.import-panel h2, .import-panel p { margin: 0; }
.import-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.import-heading h2 { font-size: 18px; }
.import-heading p, .future-tools p { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.local-badge { flex: 0 0 auto; padding: 6px 9px; border: 1px solid rgba(41,211,133,.32); border-radius: 999px; background: rgba(41,211,133,.09); color: #64e6a7; font-size: 10px; font-weight: 800; }
.import-privacy, .import-warning, .import-note { margin-top: 18px; padding: 14px 16px; border-radius: 11px; }
.import-privacy { border: 1px solid rgba(41,211,133,.25); background: rgba(41,211,133,.07); }
.import-warning { border: 1px solid rgba(251,191,36,.28); background: rgba(251,191,36,.07); }
.import-note { border: 1px solid #34425d; background: var(--surface-2); }
.import-privacy strong, .import-warning strong, .import-note strong { font-size: 12px; }
.import-privacy p, .import-warning p, .import-note p { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.file-drop-zone { display: grid; justify-items: center; gap: 9px; margin-top: 18px; padding: 26px 20px; border: 2px dashed #50617e; border-radius: 12px; text-align: center; outline: 0; transition: border-color .15s ease, background .15s ease; }
.file-drop-zone:hover, .file-drop-zone:focus, .file-drop-zone.drag-active { border-color: var(--gold); background: rgba(246,190,36,.05); }
.file-drop-zone strong { font-size: 15px; }
.file-drop-zone > span { color: var(--muted); font-size: 11px; }
.file-drop-zone small { color: var(--muted); }
.file-picker-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 18px; border: 1px solid var(--gold); border-radius: 9px; color: var(--gold); font-size: 12px; font-weight: 800; cursor: pointer; }
.file-picker-button:hover { background: rgba(246,190,36,.09); }
.compact-drop-zone { padding: 20px; }
.backup-warning { margin-top: 18px; padding: 14px 16px; border: 1px solid rgba(251,113,133,.28); border-radius: 11px; background: rgba(251,113,133,.06); }
.backup-warning strong { font-size: 12px; }
.backup-warning p { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.backup-download-actions { display: flex; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.recommended-download { display: inline-flex; }
.recommended-download .secondary-button { display: inline-flex; align-items: center; gap: 8px; border-color: rgba(246,190,36,.72); }
.recommended-tag { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 999px; background: var(--gold); color: #111827; font-size: 7px; font-weight: 900; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; }
.import-error { min-height: 18px; margin-top: 12px !important; color: #ff899b; font-size: 12px; }
.future-tools { opacity: .75; }
.import-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 18px; }
.import-summary div { display: grid; gap: 6px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.import-summary span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.import-summary strong { font-size: 15px; }
.compact-button { min-height: 34px; padding: 0 12px; font-size: 11px; }
.import-table-wrap { margin-top: 18px; overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; }
.import-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.import-table th { padding: 10px 12px; background: var(--surface-2); color: var(--muted); font-size: 9px; text-align: left; text-transform: uppercase; letter-spacing: .06em; }
.import-table td { padding: 12px; border-top: 1px solid var(--line); font-size: 11px; }
.import-table td:first-child { display: grid; gap: 3px; }
.import-table td:first-child small { color: var(--muted); }
.duplicate-row { opacity: .58; }
.import-status { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.import-status.matched { background: rgba(41,211,133,.11); color: #64e6a7; }
.import-status.custom { background: rgba(89,159,255,.11); color: #8fc7ff; }
.import-status.skipped { background: rgba(148,163,184,.11); color: #a9b5c8; }
.import-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; }
.import-actions button:disabled { opacity: .45; cursor: not-allowed; }
.import-success { display: grid; justify-items: center; gap: 12px; padding: 42px 24px; text-align: center; }
.import-success p { color: var(--muted); }
.success-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(41,211,133,.14); color: var(--green); font-size: 24px; }
@media (max-width: 760px) { .import-summary { grid-template-columns: 1fr 1fr; } .import-heading { flex-direction: column; } .backup-download-actions { justify-content: flex-start; } }
@media (max-width: 440px) { .import-summary { grid-template-columns: 1fr; } .import-actions { flex-direction: column-reverse; } .import-actions button { width: 100%; } }
/* Holdings browsing and metal analytics */
.holdings-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(170px,.55fr) minmax(180px,.6fr);gap:12px;align-items:end;margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.holdings-toolbar label{display:grid;gap:6px}.holdings-toolbar label>span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.holdings-toolbar input,.holdings-toolbar select{width:100%;height:39px;padding:0 11px;border:1px solid #34425d;border-radius:9px;background:#0a111e;color:var(--text);outline:0}.holdings-toolbar input:focus,.holdings-toolbar select:focus{border-color:var(--gold)}.quick-filters{display:flex;gap:6px;padding-bottom:1px}.quick-filters .filter{height:39px}.filtered-count{margin:12px 2px 0;color:var(--muted);font-size:11px}.holding-category{color:var(--gold)!important;font-size:9px!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.metal-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.metal-summary-grid article{display:flex;flex-direction:column;min-height:125px;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.metal-summary-grid span,.metal-product-row small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.metal-summary-grid strong{margin-top:16px;font:700 24px Georgia,serif}.metal-summary-grid small{margin-top:auto;color:var(--muted);font-size:10px}.positive-value{color:var(--green)!important}.negative-value{color:#fb7185!important}.metal-products{margin-top:14px}.metal-product-list{padding:8px 15px 14px}.metal-product-row{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(5,minmax(90px,.65fr)) 18px;gap:12px;align-items:center;width:100%;min-height:68px;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.metal-product-row:last-child{border-bottom:0}.metal-product-row:hover,.metal-product-row:focus-visible{border-radius:9px;background:var(--surface-2);outline:none}.metal-product-row>span{display:grid;gap:5px}.metal-product-row>span:not(:first-child){text-align:right}.metal-product-row b{font-size:12px}.metal-product-row>em{color:var(--gold);font-size:23px;font-style:normal;text-align:right}
@media(max-width:980px){.holdings-toolbar{grid-template-columns:1fr 1fr}.metal-summary-grid{grid-template-columns:repeat(2,1fr)}.metal-product-list{overflow-x:auto}.metal-product-row{min-width:900px}}
@media(max-width:600px){.holdings-toolbar{grid-template-columns:1fr}.metal-summary-grid{grid-template-columns:1fr}.quick-filters{padding:0}}
/* Optional RCC support */
.sidebar-footer{display:grid;gap:10px}.support-button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid rgba(243,187,40,.35);border-radius:11px;background:rgba(243,187,40,.06);color:var(--text);text-align:left;cursor:pointer}.support-button:hover,.support-button:focus-visible{border-color:var(--gold);background:rgba(243,187,40,.11);outline:none}.support-button>span:first-child{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(243,187,40,.12);color:var(--gold);font-size:17px}.support-button>span:last-child{display:grid;gap:2px}.support-button strong{font-size:11px}.support-button small{color:var(--muted);font-size:9px}.support-modal{width:min(520px,100%)}.support-intro{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.support-assurance{margin-top:16px;padding:14px 16px;border:1px solid rgba(36,209,126,.25);border-radius:11px;background:rgba(36,209,126,.07)}.support-assurance strong{font-size:12px}.support-assurance p{margin:4px 0 0;color:#98b1a8;font-size:11px;line-height:1.5}.support-paypal{display:flex;justify-content:center;margin-top:18px;text-decoration:none}.support-alternatives{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.support-alternatives h3{margin:0;font-size:12px}.support-alternatives p{margin:6px 0 10px;color:var(--muted);font-size:11px;line-height:1.55}.support-alternatives a{color:#8fc7ff;font-size:11px;font-weight:700}