/* Tab Panel */
.tab-panel {
    width: 100%;
    max-width: unset !important;
    padding: 20px 0;
}

.tab-panel-content {
    width: 100%;
}

.tab-panel-content .block-editor-inner-blocks {
    width: 100% !important;
}

/* Tab Panel Typography */
.tab-panel p {
    line-height: 1.8em;
}

.tab-panel p:first-child {
    margin-top: 0;
}

.tab-panel p:last-child {
    margin-bottom: 0;
}

.tab-panel,
.tab-panel:focus,
.tab-panel:focus-visible,
.tab-panel:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Editor Styles */
.acf-block-preview .tab-panel {
    display: block !important;
    border: 1px dashed #ccc;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
}

.acf-block-preview .tab-panel::before {
    content: attr(data-tab-label);
    position: absolute;
    top: -10px;
    left: 10px;
    background: #333;
    color: #fff;
    padding: 2px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 3px;
}

/* Active state indicator in editor */
.acf-block-preview .tab-panel.active::after {
    content: 'Active';
    position: absolute;
    top: -10px;
    right: 10px;
    background: #28a745;
    color: #fff;
    padding: 2px 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 3px;
}