.tx-list .tx { display:flex; align-items:center; padding:8px 0; border-bottom:1px solid #f0f0f0 }
.tx .amount { margin-left:auto; font-weight:600 }

/* CSV import modal */
#csv-import-modal { display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.45); align-items:center; justify-content:center; z-index:1200 }
#csv-import-modal .modal-card { background:white; width:760px; max-width:95%; max-height:80%; overflow:auto; border-radius:6px; padding:16px; box-shadow:0 8px 30px rgba(0,0,0,0.25) }
#csv-import-modal .modal-card h3 { margin-top:0 }
#csv-import-list .csv-row { border-bottom:1px solid #eee; padding:8px 0; display:flex; gap:8px; align-items:center }
#csv-import-list label { display:block; font-size:0.85rem }
#csv-import-list input[type="date"], #csv-import-list input[type="number"], #csv-import-list input[type="text"], #csv-import-list select { padding:6px 8px; border:1px solid #ddd; border-radius:4px }

/* upload button light green */
.upload-csv { color:#2e7d32 } /* material green 800 */
.upload-csv:hover { color:#60ad5e }

/* ensure imported send button uses same style as .add-tx */
.add-tx { background: #1e88e5; color: white; border: none; padding:6px 10px; border-radius:4px; cursor:pointer }
.add-tx[disabled] { opacity:0.6; cursor:default }

.portfolio-shell{display:flex;gap:18px;align-items:flex-start}
.portfolio-list{width:100%;position:relative}
.portfolio-list h2{margin:0;padding-right:48px}
.portfolio-main{flex:1;min-width:0}
.inv-card{border:1px solid #eee;padding:8px;margin-bottom:8px;border-radius:6px}
.inv-head{display:flex;align-items:center;gap:8px;width: 100%;}
.inv-icon{width:20px;height:20px}
/* Make investment name clearly clickable and allow collapsing the tx list */
.inv-name{cursor:pointer}
.inv-name:hover{text-decoration:underline}
.inv-txs.collapsed{display:none}
.add-tx{margin-left:auto;background:#2b7cff;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer}
.inv-actions{margin-left:auto;display:flex;gap:6px;align-items:center}
.inv-actions-summary{float:right;display:flex;gap:6px;align-items:center;margin-bottom:8px}
.inv-actions button{background:transparent;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:16px}
.inv-actions button.inv-edit{color:#1a73e8}
.inv-actions button.inv-delete{color:#d64545}
.inv-actions button:hover{background:rgba(0,0,0,0.04)}
.auth-card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.08);max-width:360px}
.auth-card label{display:block;margin-top:8px}
.auth-card input, .auth-card select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
.auth-card .button, .auth-card .submit{margin-top:12px;background:#2b7cff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.inv-inline{background:#fff;border:1px solid #eee;padding:10px;border-radius:6px;color:#222}
/* ensure consistent spacing for inline containers created by JS */
.inv-inline{margin:8px 0 12px 0}
.inv-inline label{color:#222;display:block;margin-top:8px}
	.inv-inline input{background:#fff;color:#222;border:1px solid #ddd;padding:8px;border-radius:4px;width:98%}
	.inv-inline select{background:#fff;color:#222;border:1px solid #ddd;padding:6px 8px;border-radius:4px;min-width:140px;max-width:98%;width:auto;display:inline-block}
.inv-inline button{background:#2b7cff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;margin-top:12px}
/* Distinct styles for Create vs Save buttons */
.btn-create{background:#2b7cff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.btn-create:hover{background:#1a5fd6}
.btn-save{background:#2e7d32;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
.btn-save:hover{background:#236428}
.portfolio-list #create-inv-toggle{position: relative;top: -2em;right: 0px;float: right;}
.portfolio-list #create-inv-container{clear:both}
.inv-inline .auth-card, #create-inv-container .auth-card{max-width:400px}

.company-actions button{background:transparent;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:16px}
.company-actions button.company-edit{color:#1a73e8}
.company-actions button.company-delete{color:#d64545}
.company-actions button:hover{background:rgba(0,0,0,0.04)}
.company-list{margin-top:12px}
.button #create-company-toggle{position: relative;top: -2em;right: 0px;float: right;}
/* Company card should visually match an investment card */
.company-card{border: 1px solid #052923; padding: 8px; margin-bottom: 24px; border-radius: 10px; background: #082524;}
.company-head{display:flex;align-items:center;gap:8px;width:100%}
.company-invs{margin-top:8px}

/* Responsive: on small screens stack and make summary full-width */
@media (max-width: 800px){
	.portfolio-shell{display:block}
	.portfolio-list{width:auto}
	.portfolio-main{width:100%}
	/* On small screens make selects full-width for usability */
	.inv-inline select{width:100%;display:block;min-width:0;max-width:none}
}

/* Modal & help styles moved to investments/static/css/modal.css (shared) */