.static-gsheet-container {
    margin: 20px 0;
    overflow-x: auto;
    min-height: 100px;
    position: relative;
    width: 100%;
}

.static-gsheet-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.static-gsheet-table td,
.static-gsheet-table th {
    padding: 8px;
    border: 1px solid;
}

/* Default cell style (truncated) */
.static-gsheet-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Headers always wrap */
.static-gsheet-table th {
    white-space: normal;
    word-wrap: break-word;
    font-weight: bold;
}

/* Loading state */
.static-gsheet-container .loading {
    padding: 20px;
    text-align: center;
    color: #666;
}

/* Error state */
.static-gsheet-container .error {
    padding: 20px;
    text-align: center;
    color: #d32f2f;
    background: #ffebee;
    border: 1px solid #ffcdd2;
    border-radius: 4px;
}

/* Mobile optimization */
@media screen and (max-width: 767px) {
    .static-gsheet-table td,
    .static-gsheet-table th {
        padding: 6px;
    }
}