/* ==========================
   管理画面 共通CSS
   ========================== */

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.admin-table th,
.admin-table td {
    border: 1px solid #ccc;
    padding: 10px;
    vertical-align: middle;
}

.admin-table th {
    background: #f5f5f5;
    text-align: center;
}

.admin-table td {
    background: #fff;
}

.customer-name {
    min-width: 140px;
    white-space: nowrap;
}

.customer-email {
    min-width: 220px;
    white-space: nowrap;
}

.mt4-account {
    min-width: 90px;
    text-align: center;
}

.date-column {
    min-width: 110px;
    text-align: center;
}

.status-column {
    min-width: 120px;
    text-align: center;
}

.action-column {
    min-width: 170px;
    white-space: nowrap;
}

.admin-button {
    padding: 6px 12px;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: .2s;
}

.admin-button:hover {
    background: #f5f5f5;
    border-color: #999;
}