.shj-download-chart {
    width: 100%;
    margin-top: 28px;
    padding: 18px;
    border: 1px solid rgba(37, 86, 55, .14);
    border-radius: 18px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}
.shj-download-chart canvas {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.shj-chart-actions {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
.shj-button-secondary {
    background: #f3faf8;
    color: #255637 !important;
    border: 1px solid rgba(37, 86, 55, .2);
}
.shj-page-description > :first-child { margin-top: 0; }
.shj-page-description > :last-child { margin-bottom: 0; }
.shj-history-back {
    max-width: 980px;
    margin: 18px auto 0;
    padding: 0 16px;
}
.shj-history-table-wrap { overflow-x: auto; }
.shj-history-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 18px;
}
.shj-history-table th,
.shj-history-table td {
    padding: 12px;
    border-bottom: 1px solid rgba(37, 86, 55, .14);
    text-align: start;
    vertical-align: middle;
}
.shj-history-table th {
    color: #255637;
    background: #f3faf8;
}
.shj-history-view { padding: 8px 15px; white-space: nowrap; }
@media (max-width: 620px) {
    .shj-history-table { min-width: 640px; }
    .shj-download-chart { padding: 12px; }
}