/* Record tables shared by the Home-page sections (Health, Vehicles); loaded after the Bills Etc stylesheet. */
.record-table td { vertical-align: top; }
.record-table td.date { white-space: nowrap; }
.record-table td.text { white-space: pre-wrap; min-width: 160px; }
.record-table .ongoing { color: var(--green); font-size: 0.85em; font-weight: 500; }
.record-table.editing td { padding: 4px 6px; }
.record-table.editing input[type=date] { width: 150px; }
.record-table.editing select { min-width: 130px; }
.record-table.editing textarea {
    font: inherit; font-size: 0.9em; width: 100%; min-width: 200px; min-height: 34px; resize: vertical;
    padding: 6px 10px; border: 1px solid var(--line-strong); border-radius: 6px; background: #f8faff;
}
.record-table.editing textarea:focus { outline: 2px solid var(--blue); outline-offset: -1px; background: #fff; }
.record-table .changed { background: #fffbea !important; border-color: #f5e1a4 !important; }
.record-table td.remove, .record-table td.move { width: 1%; white-space: nowrap; }
.record-table td.remove button { padding: 3px 9px; }
/* A standing note at the top of a section (House maintenance: how often it's due and who does it) */
.section-note { margin: 0 0 12px; padding: 8px 12px; border-left: 3px solid var(--blue); background: var(--head); border-radius: 0 6px 6px 0; }
/* ↑ ↓ buttons in edit lists (shared/js/infobox.js), first in each row of a table being edited */
.move-btns { display: inline-flex; gap: 4px; margin-right: 6px; vertical-align: middle; }
.move-btns button { padding: 3px 9px; }
td.move .move-btns { margin-right: 0; }
.record-table.editing input.num-input { width: 110px; text-align: right; }
.record-table.editing input[list] { min-width: 150px; }

/* 📱 Phone copy button (top bar) and its panel */
.phone-btn { background: rgba(255,255,255,0.1); border: 0; color: #ccd3e0; font-size: 0.78em; padding: 3px 10px; border-radius: 12px; }
.phone-btn:hover { background: rgba(255,255,255,0.2); color: #fff; }
.phone-panel {
    position: fixed; top: 56px; right: 16px; z-index: 50; width: min(420px, calc(100vw - 32px));
    background: var(--surface); border: 1px solid var(--line-strong); border-radius: 10px; padding: 16px 18px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.18); font-size: 0.9em; display: flex; flex-direction: column; gap: 10px;
}
.phone-panel h3 { font-size: 1.05em; }
.phone-panel p { line-height: 1.45; }
.pc-folder { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.phone-btn.stale::after { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #f5b041; margin-left: 6px; vertical-align: middle; }
.phone-notice {
    position: fixed; bottom: 18px; right: 18px; z-index: 60; max-width: calc(100vw - 36px);
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    background: var(--surface); border: 1px solid #f0d58a; border-left: 4px solid #f5b041; border-radius: 8px;
    padding: 10px 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); font-size: 0.9em;
}

/* Health → HSA: the account's title, sign-in hint (like a Loan/CC card's notes) and link, above the table in its box */
.acct-box { margin-bottom: 16px; }
.acct-hint { color: var(--muted); margin: -4px 0 0; overflow-wrap: anywhere; }
/* Health: the links on General information's heading, their sign-in hints under it, and ✎ Links' list */
.info-head { flex-wrap: wrap; }
.info-hints { margin: -6px 0 12px; }
.info-hints .acct-hint { margin: 0; }
.info-hints .acct-hint + .acct-hint { margin-top: 2px; }
.links-editor { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.links-edit td.move + td { width: 22%; }
.links-edit td:nth-child(3) { width: 36%; }
.balance-cards { grid-template-columns: minmax(220px, 320px); margin-bottom: 16px; }

/* A 'files' column (e.g. Invoices): 📎 2 in the table opens them; in Edit, a chip per file (✕ takes it off the entry) and ＋ */
.record-table .files-open { white-space: nowrap; }
.files-edit { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 170px; padding: 2px; border-radius: 6px; }
.files-edit.changed { background: #fff8e1; }
.file-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 220px; font-size: 0.8em; padding: 2px 4px 2px 8px;
    border: 1px solid var(--line-strong, #d5dbe5); border-radius: 12px; background: #f8faff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file-chip.new { border-style: dashed; background: #eef6ff; }
.file-chip button { border: 0; background: none; padding: 0 4px; font-size: 0.95em; line-height: 1; cursor: pointer; color: #888; }
.file-chip button:hover { color: #c0392b; }
.record-table td.row-actions { white-space: nowrap; width: 1%; } /* an entry's buttons (rowActions), e.g. → Records */