.divine-page-header { background: linear-gradient(135deg,#667eea,#764ba2); padding: 25px 30px; margin: -10px -20px 20px; color:#fff; }
.divine-page-header h1 { color:#fff; margin:0; font-size:24px; }
.divine-page-header p  { color:rgba(255,255,255,.85); margin:5px 0 0; }

.divine-dashboard-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; margin-bottom:30px; }
.divine-stat-card { background:#fff; border:1px solid #e0e0e0; border-radius:8px; padding:20px; text-align:center; }
.divine-stat-card .stat-number { font-size:36px; font-weight:700; color:#667eea; }
.divine-stat-card .stat-label  { color:#666; font-size:14px; }

.divine-forms-table { width:100%; border-collapse:collapse; background:#fff; }
.divine-forms-table th { background:#f8f9fa; padding:12px 16px; text-align:left; font-weight:600; border-bottom:2px solid #e0e0e0; }
.divine-forms-table td { padding:12px 16px; border-bottom:1px solid #f0f0f0; }
.divine-forms-table tr:hover td { background:#fafafa; }
.divine-forms-table .shortcode-cell code { background:#f0f0f0; padding:2px 6px; border-radius:3px; font-size:12px; cursor:pointer; }

.divine-builder-wrap { display:flex; gap:20px; margin-top:10px; align-items:flex-start; }
.divine-builder-sidebar { width:220px; flex-shrink:0; background:#fff; border:1px solid #ddd; border-radius:8px; overflow:hidden; }
.divine-builder-sidebar h3 { padding:14px 16px; margin:0; background:#667eea; color:#fff; font-size:13px; font-weight:600; }
.divine-field-group { padding:8px 0; border-bottom:1px solid #f0f0f0; }
.divine-field-group-title { font-size:10px; font-weight:700; text-transform:uppercase; color:#999; padding:6px 14px 4px; letter-spacing:.5px; }
.divine-add-field { display:flex; align-items:center; gap:8px; width:100%; padding:7px 14px; border:none; background:transparent; cursor:pointer; font-size:13px; text-align:left; color:#333; transition:background .15s; }
.divine-add-field:hover { background:#f0f0ff; color:#667eea; }

.divine-builder-canvas-wrap { flex:1; min-width:0; }
.divine-builder-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:15px; background:#fff; padding:12px 16px; border:1px solid #ddd; border-radius:8px; }
.divine-builder-toolbar input[type="text"] { flex:1; padding:8px 12px; border:1px solid #ddd; border-radius:4px; font-size:15px; font-weight:600; }

#divine-form-canvas { min-height:300px; background:#fff; border:2px dashed #ddd; border-radius:8px; padding:16px; }
.divine-canvas-empty { text-align:center; padding:60px 20px; color:#aaa; }
.divine-canvas-empty .empty-icon { font-size:48px; display:block; margin-bottom:12px; }

.divine-field-item { background:#fff; border:1px solid #e0e0e0; border-radius:6px; margin-bottom:10px; display:flex; cursor:pointer; transition:border-color .2s,box-shadow .2s; }
.divine-field-item:hover { border-color:#667eea; box-shadow:0 0 0 3px rgba(102,126,234,.1); }
.divine-field-controls { display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:8px 6px; background:#f8f8f8; border-right:1px solid #e0e0e0; border-radius:6px 0 0 6px; gap:4px; }
.divine-field-drag  { cursor:grab; font-size:14px; color:#aaa; padding:2px; }
.divine-field-edit  { cursor:pointer; font-size:13px; padding:2px; }
.divine-field-delete{ cursor:pointer; font-size:13px; padding:2px; }
.divine-field-drag:hover   { color:#667eea; }
.divine-field-delete:hover { color:#dc3545; }
.divine-field-preview { flex:1; padding:10px 14px; }
.divine-field-preview label { display:block; font-weight:600; font-size:13px; margin-bottom:4px; color:#333; }
.divine-field-preview input,
.divine-field-preview textarea,
.divine-field-preview select { width:100%; padding:6px 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; background:#fafafa; pointer-events:none; }
.divine-field-meta { font-size:11px; color:#999; margin-top:6px; }
.divine-field-placeholder { border:2px dashed #667eea !important; background:#f0f4ff !important; height:50px !important; border-radius:6px; margin-bottom:10px; }

.divine-builder-settings { margin-top:15px; background:#fff; border:1px solid #ddd; border-radius:8px; overflow:hidden; }
.divine-settings-toggle-bar { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; background:#f8f8f8; border-bottom:1px solid #e0e0e0; }
.divine-settings-toggle-bar h3 { margin:0; font-size:14px; }
.divine-settings-body { display:flex; }

.divine-settings-nav { width:150px; flex-shrink:0; border-right:1px solid #e0e0e0; background:#f8f8f8; }
.divine-settings-nav-btn {
    display: block !important;
    width: 100%;
    padding: 11px 14px;
    border: none;
    background: transparent;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
    color: #444;
    border-left: 3px solid transparent;
    white-space: nowrap;
}
.divine-settings-nav-btn:hover  { background:#ececec; color:#667eea; }
.divine-settings-nav-btn.active { background:#fff; color:#667eea; border-left-color:#667eea; font-weight:600; }

.divine-settings-panels { flex:1; padding:18px; overflow-y:auto; max-height:480px; }
.divine-settings-panel { display:none; }
.divine-settings-panel.active { display:block; }
.divine-settings-panel h4 { margin:16px 0 10px; padding-bottom:6px; border-bottom:1px solid #eee; font-size:14px; }
.divine-settings-panel h4:first-child { margin-top:0; }

.setting-row { margin-bottom:16px; }
.setting-row > label { display:block; font-weight:600; font-size:13px; margin-bottom:5px; color:#333; }
.setting-row input[type="text"],
.setting-row input[type="email"],
.setting-row input[type="url"],
.setting-row input[type="number"],
.setting-row textarea,
.setting-row select { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box; }
.setting-row small,
.setting-row .description { font-size:12px; color:#666; margin-top:4px; display:block; }

.divine-modal { display:none; position:fixed; z-index:100000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); overflow-y:auto; }
.divine-modal-content { background:#fff; margin:40px auto; max-width:680px; border-radius:10px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.divine-modal-header { background:linear-gradient(135deg,#667eea,#764ba2); padding:16px 20px; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.divine-modal-header h2 { margin:0; color:#fff; font-size:17px; }
.divine-modal-close { color:#fff; font-size:26px; cursor:pointer; line-height:1; background:none; border:none; opacity:.8; }
.divine-modal-close:hover { opacity:1; }

.divine-modal-tabs { display:flex; background:#f8f8f8; border-bottom:1px solid #e0e0e0; }
.divine-tab-btn { padding:11px 20px; border:none; background:transparent; cursor:pointer; font-size:13px; color:#666; border-bottom:3px solid transparent; transition:all .15s; }
.divine-tab-btn:hover { color:#667eea; background:#f0f0f0; }
.divine-tab-btn.active { color:#667eea; border-bottom-color:#667eea; background:#fff; font-weight:600; }

.divine-tab-content { padding:20px; max-height:55vh; overflow-y:auto; }
.divine-tab-pane { display:none; }
.divine-tab-pane.active { display:block; }

.divine-editor-row { margin-bottom:16px; }
.divine-editor-row > label { display:block; font-weight:600; font-size:13px; margin-bottom:5px; color:#444; }
.divine-editor-row input,
.divine-editor-row textarea,
.divine-editor-row select { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; box-sizing:border-box; }
.divine-editor-row .description { font-size:12px; color:#888; margin-top:4px; display:block; }
.divine-editor-row .required { color:#dc3545; }
.divine-editor-row input[type="checkbox"] { width:auto; margin-right:6px; }

.divine-modal-footer { padding:14px 20px; background:#f8f8f8; border-top:1px solid #e0e0e0; display:flex; justify-content:flex-end; gap:10px; }

.divine-entries-actions { margin-bottom:16px; display:flex; gap:10px; }
.divine-entry-modal-overlay { display:none; position:fixed; z-index:100000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); }
.divine-entry-modal-box { background:#fff; margin:60px auto; max-width:760px; border-radius:10px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.divine-entry-modal-head { background:linear-gradient(135deg,#667eea,#764ba2); padding:16px 20px; color:#fff; display:flex; justify-content:space-between; align-items:center; }
.divine-entry-modal-head h3 { margin:0; color:#fff; }
.divine-entry-modal-body { padding:20px; max-height:65vh; overflow-y:auto; }
.divine-entry-modal-body table { width:100%; border-collapse:collapse; }
.divine-entry-modal-body th { text-align:left; padding:10px 14px; background:#f8f8f8; border-bottom:2px solid #e0e0e0; font-size:13px; }
.divine-entry-modal-body td { padding:10px 14px; border-bottom:1px solid #f0f0f0; font-size:13px; vertical-align:top; }
.divine-entry-modal-close { color:#fff; font-size:26px; cursor:pointer; background:none; border:none; }

.divine-settings-page-wrap { display:flex; gap:20px; margin-top:10px; }
.divine-settings-sidebar-nav { width:200px; flex-shrink:0; }
.divine-settings-sidebar-nav a { display:block; padding:10px 16px; background:#fff; border:1px solid #ddd; border-bottom:none; color:#333; text-decoration:none; font-size:13px; transition:all .15s; }
.divine-settings-sidebar-nav a:first-child { border-radius:4px 4px 0 0; }
.divine-settings-sidebar-nav a:last-child { border-bottom:1px solid #ddd; border-radius:0 0 4px 4px; }
.divine-settings-sidebar-nav a.active { background:#667eea; color:#fff; border-color:#667eea; }
.divine-settings-sidebar-nav a:hover:not(.active) { background:#f8f8f8; }
.divine-settings-content-area { flex:1; background:#fff; border:1px solid #ddd; border-radius:4px; padding:20px; }

.notice-inline { padding:8px 12px; border-radius:4px; margin:0; font-size:13px; }
.notice-inline.success { background:#d4edda; color:#155724; border:1px solid #c3e6cb; }
.notice-inline.error   { background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; }

#divine-column-mapping-container {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 16px;
}

.divine-mapping-row {
    transition: background-color 0.2s;
}

.divine-mapping-row:hover {
    background-color: #f0f0f0 !important;
}

#divine-column-mapping-list {
    max-height: 400px;
    overflow-y: auto;
}

.divine-map-select {
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

#columns-load-status {
    display: inline-block;
    font-weight: 600;
}