/* dispensers.css */

/* user profile / connect wallet */
.pfp-image {
	width: 32px;
	height: 32px;
	object-fit: cover;
}

/* BTC - satoshis unit switcher */
.unit-switcher {
    padding: 5px 10px;
    background: #f2a900;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
}
.unit-switcher:hover {
    background: #e09800;
}
.btc-icon {
    margin-right: 5px;
}
.btc-address {
	text-decoration: none;
	font-size: 0.9em;
}

.last-checked {
	font-size: 0.9em;
}


/* Light theme defaults */
body { 
	padding-top: 0.5rem; 
	background: #f8f9fa; 
	color: #212529; 
}
.card { 
	background: #ffffff; 
}
table thead th a { 
	color: inherit; 
	text-decoration: none; 
}
.status-open { 
	color: #155724; 
	background:#d4edda; 
	padding:2px 6px; 
	border-radius:4px; 
}
.status-closed { 
	color:#721c24; 
	background:#f8d7da; 
	padding:2px 6px; 
	border-radius:4px; 
}
.status-unknown { 
	color:#856404; 
	background:#fff3cd; 
	padding:2px 6px; 
	border-radius:4px; 
}
.nowrap { 
	white-space: nowrap; 
}
.top-toolbar { 
	position: sticky; 
	top: 0; 
	z-index: 20; 
	background: white; 
}
.filter-input { 
	width: 100%; 
	min-width: 120px; 
}
.delete-btn {
	background-color: #d6d6d6;
}


/* Dark mode */
body.dark-mode {
	background: #121212; 
	color: #e6e6e6;
}
body.dark-mode .card { 
	background: #1e1e1e; 
	border-color: #2a2a2a; 
}
body.dark-mode table { 
	color: #e6e6e6; 
}
body.dark-mode .top-toolbar { 
	background: #1b1b1b; 
	border-bottom-color: #2a2a2a; 
}
body.dark-mode a { 
	color: #9ecbff; 
}
body.dark-mode th a {
	color: #000090;
}
body.dark-mode td a {
	color: #000090;
}
body.dark-mode .form-control { 
	background: #2a2a2a; 
	color: #e6e6e6; 
	border-color: #3a3a3a; 
}
body.dark-mode .btn-outline-danger { 
	color: #f8d7da; 
	border-color: #6c2a2a; 
}