﻿<style >
/* === Container styling === */
.storage-wrapper {
    width: 100%;
}

/* === Modern table look === */
.storage-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    font-size: 15px;
}

    /* Header */
    .storage-table thead {
        background: #1f3b4d;
        color: #fff;
    }

    .storage-table th {
        padding: 14px 12px;
        text-align: left;
        font-weight: 600;
        letter-spacing: 0.3px;
    }

    /* Cells */
    .storage-table td {
        padding: 14px 12px;
        vertical-align: top;
        border-top: 1px solid #eee;
    }

    /* Row hover */
    .storage-table tbody tr:hover {
        background: #f7fafc;
    }

    /* Strong labels */
    .storage-table td strong {
        color: #1f3b4d;
    }

/* Responsive scroll instead of breaking */
.table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
}

/* Right images */
.storage-images img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Mobile tweak */
@media (max-width: 991px) {
    .storage-images {
        margin-top: 20px;
    }
}

</style >
