/* DPK SMN1 Sync - weekly grid charts */
.dpks-title{color:var(--dpk-gold,#ffd54a);text-align:center;font-size:1.5rem;margin:6px 0}
.dpks-sub{color:#ffe9a8;text-align:center;font-size:1rem;font-weight:600;margin:0 0 12px}
.dpks-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.dpks-tab{display:inline-block;background:#311322;color:var(--dpk-gold,#ffd54a);border:1px solid #571b31;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:700;text-decoration:none}
.dpks-tab.is-on{background:linear-gradient(180deg,#ffca28,#ff8f00);color:#3e1700;border-color:#ff8f00}
.dpks-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
table.dpks-table{width:100%;border-collapse:collapse;background:#1a0a12;min-width:560px}
table.dpks-panel{min-width:900px}
.dpks-table th{background:#3d0f22;color:var(--dpk-gold,#ffd54a);padding:8px 4px;border:1px solid #571b31;font-size:.85rem;text-align:center}
.dpks-table td{border:1px solid #3d1c2b;text-align:center;padding:4px 2px;color:#ffe9a8}
.dpks-table tbody tr:nth-child(even) td{background:#20101a}
.dpks-table .dpks-date{white-space:nowrap;font-size:.75rem;font-weight:700;padding:4px 8px;text-align:left;color:#fff;background:#2b1020}
.dpks-table .dpks-date em{font-style:normal;color:#b98aa0;margin:0 2px}
.dpks-pn{font-size:.72rem;line-height:1.15;color:#e6c9d6;width:22px}
.dpks-pn span{display:block}
.dpks-jd{font-size:1rem;font-weight:900;color:#ff5252;width:34px}
.dpks-jodi .dpks-jd{width:auto;padding:8px 4px}
.dpks-empty{text-align:center;color:#e8b4c8}
.dpks-note{font-size:.75rem;color:#b98aa0;text-align:center;margin-top:12px}
.dpks-market-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 15px 0;
}

.dpks-market-box {
    background: #fc7;
    border: 1px solid darkred;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.dpks-market-header {
    background: #008b8b;
    color: #fff;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.dpks-market-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.dpks-market-date {
    font-size: 12px;
    white-space: nowrap;
    opacity: .9;
}

.dpks-result-area {
    text-align: center;
    padding: 18px 10px 15px;
}

.dpks-result-label {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.dpks-result-number {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    color: #222;
    letter-spacing: 1px;
}

.dpks-market-times {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.dpks-time-item {
    text-align: center;
    padding: 10px;
}

.dpks-time-item + .dpks-time-item {
    border-left: 1px solid #eee;
}

.dpks-time-label {
    display: block;
    font-size: 11px;
    color: #777;
    margin-bottom: 3px;
}

.dpks-time-item strong {
    font-size: 14px;
    color: #222;
}

.dpks-market-charts {
    display: flex;
    gap: 8px;
    padding: 12px;
}

.dpks-chart-button {
    flex: 1;
    display: block;
    text-align: center;
    padding: 8px 10px;
    border-radius: 5px;
    background: #f2f2f2;
    color: #008b8b;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.dpks-chart-button:hover {
    background: #008b8b;
    color: #fff;
}

.dpks-updated {
    margin: 10px 0 0;
    text-align: right;
    font-size: 12px;
    color: #777;
}

.dpks-empty {
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
}

@media (max-width: 900px) {
    .dpks-market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .dpks-market-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .dpks-market-name {
        font-size: 16px;
    }

    .dpks-result-number {
        font-size: 25px;
    }
}