/* Layout dashboard — full width + tabel stretch */
.dashboard-main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

.dashboard-main .stats-grid {
    width: 100%;
}

.dashboard-main .card {
    width: 100%;
    max-width: 100%;
}

.dashboard-main .card-header {
    padding: 10px;
}

.dashboard-main .card-table-body {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.dashboard-main .table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dashboard-main table.app-table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.dashboard-main table.app-table thead th {
    padding: 10px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #E5E7EB;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-main table.app-table tbody td {
    padding: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.dashboard-main table.app-table tbody tr {
    border-bottom: 1px solid #E5E7EB;
}

.dashboard-main table.app-table .col-no { width: 4%; }
.dashboard-main table.app-table .col-ref { width: 11%; }
.dashboard-main table.app-table .col-appno { width: 8%; }
.dashboard-main table.app-table .col-name { width: 10%; }
.dashboard-main table.app-table .col-nik { width: 10%; }
.dashboard-main table.app-table .col-amount { width: 9%; }
.dashboard-main table.app-table .col-tenor { width: 6%; }
.dashboard-main table.app-table .col-purpose { width: 10%; }
.dashboard-main table.app-table .col-status { width: 8%; }
.dashboard-main table.app-table .col-checked { width: 8%; }
.dashboard-main table.app-table .col-date { width: 8%; }
.dashboard-main table.app-table .col-action { width: 14%; }

.dashboard-main td.action-col,
.dashboard-main th.action-col {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.dashboard-main .action-cell {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    justify-content: flex-start;
}

/* Header: logo | Beranda | nav kanan */
.header-inner {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.header-inner .logo {
    flex-shrink: 0;
}

.header-inner .nav-home {
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    font-weight: 600;
}

.header-inner .nav-home:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
}

.header-inner .header-nav {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.btn-contract {
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.4rem 0.9rem;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-contract:hover {
    background: #1d4ed8;
}