/* targets.css - Styles for charts/targets.php */

.targets-window-label {
    font-size: 14px;
    color: #94a3b8;
}

.targets-current-price {
    font-size: 14px;
    color: #e2e8f0;
    margin-left: 20px;
}

.targets-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.targets-table thead tr {
    border-bottom: 2px solid rgba(229,231,235,0.3);
}

.targets-table th {
    text-align: left;
    padding: 10px;
    color: #94a3b8;
}

.targets-table th.col-level { width: 100px; }
.targets-table th.col-breach { width: 70px; text-align: right; }
.targets-table th.col-price { width: 80px; text-align: right; }
.targets-table th.col-target { width: 80px; text-align: right; }
.targets-table th.col-dist { padding-left: 20px; }

.targets-table tbody tr {
    border-bottom: 1px solid rgba(229,231,235,0.1);
    vertical-align: top;
}

.targets-table td {
    padding: 10px;
    color: #e2e8f0;
}

.targets-table td.text-right {
    text-align: right;
}

.targets-table td.col-dist {
    padding: 10px 10px 10px 20px;
}

.targets-table td.level-green {
    color: #22c55e;
    font-weight: 600;
}

.targets-table td.level-red {
    color: #ef4444;
    font-weight: 600;
}

.targets-table td.target-green {
    text-align: right;
    color: #22c55e;
    font-weight: 600;
}

.targets-table td.target-red {
    text-align: right;
    color: #ef4444;
    font-weight: 600;
}

.targets-target-marker {
    color: #fff;
    font-size: 10px;
}