@charset "utf-8";

.zsk-footer {
    text-align: center;
}

.zsk-accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
}

.welcome-title {
    background-color: #841617;
    color: white;
    padding: 1rem;
}

/* 丸いテーブル（円形の席）デザイン */
.table-circle {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    border: 4px solid #6c757d;
    /* デフォルトの枠色 */
    background: linear-gradient(180deg, #ffffff 0%, #f1f3f5 100%);
    color: #212529;
    font-weight: 600;
    text-align: center;
}

/* 主ボタン（青）風にしたい場合のユーティリティクラス */
.table-circle.primary {
    border-color: #0d6efd;
    background: radial-gradient(circle at 30% 30%, rgba(13, 110, 253, 0.08), transparent 40%), linear-gradient(180deg, #ffffff 0%, #e7f0ff 100%);
    color: #0d6efd;
}

.table-label {
    font-size: 18px;
    line-height: 1;
    padding: 2px 6px;
    word-break: break-word;
}

.zsk-table-btn {
    width: 72px;
    height: 72px;
    font-size: 24px;
    line-height: 54px;
    display: inline-block;
    text-align: center;
}

.zsk-data-table .dt-search {
    text-align: center !important;
}

.zsk-data-table .dt-paging {
    text-align: end;
}