.wbm-edit-toggle-fab { position: fixed; bottom: 20px; right: 20px; z-index: 99998; width: 48px; height: 48px; border-radius: 50%; border: none; background: #f59e0b; color: #1f2937; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center; font-size: 20px; transition: transform 0.15s, background 0.15s; }
.wbm-edit-toggle-fab:hover { transform: scale(1.1); }
.wbm-edit-toggle-fab.active { background: #22c55e; color: #fff; }
.wbm-edit-toolbar { position: fixed; top: 88px; left: 50%; transform: translateX(-50%); z-index: 99997; background: #222633; border: 2px solid #f59e0b; border-radius: 12px; padding: 10px 14px; display: flex; gap: 8px; align-items: center; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
.wbm-edit-toolbar.hidden { display: none; }
.wbm-edit-label { color: #f59e0b; font-weight: 700; font-size: 13px; letter-spacing: 1.5px; }
.wbm-edit-btn { background: transparent; border: 1px solid #2a2f3d; color: #e8eaed; padding: 7px 12px; border-radius: 6px; font-size: 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.wbm-edit-btn:hover { background: #2a2f3d; border-color: #3b82f6; }
.wbm-edit-btn.primary { background: #3b82f6; color: #fff; border-color: #3b82f6; }
.wbm-edit-btn.danger { color: #ef4444; border-color: #ef4444; }
.wbm-edit-status { position: fixed; bottom: 80px; right: 80px; z-index: 99998; background: #1f2937; color: #fff; padding: 10px 16px; border-radius: 8px; font-size: 13px; opacity: 0; transition: opacity 0.25s; pointer-events: none; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.wbm-edit-status.show { opacity: 1; }
.wbm-edit-status.ok { background: #22c55e; }
.wbm-edit-status.err { background: #ef4444; }
body.wbm-edit-mode .card, body.wbm-edit-mode [data-route] { cursor: move !important; outline: 2px dashed #f59e0b; outline-offset: 2px; transition: transform 0.12s; position: relative; }
body.wbm-edit-mode .card:hover { transform: scale(1.02); outline-color: #3b82f6; }
body.wbm-edit-mode .card.wbm-dragging { opacity: 0.35; }
.wbm-drop-target { outline: 3px solid #22c55e !important; outline-offset: 4px; background: rgba(34,197,94,0.06); }
body.wbm-edit-mode .card a, body.wbm-edit-mode [data-route] a { pointer-events: none !important; }
.wbm-remove-card { display: none; position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%; background: #ef4444; color: #fff; border: 2px solid #fff; cursor: pointer; align-items: center; justify-content: center; font-size: 11px; z-index: 5; box-shadow: 0 2px 6px rgba(0,0,0,0.3); padding: 0; line-height: 1; }
.wbm-remove-card:hover { transform: scale(1.18); background: #dc2626; }
body.wbm-edit-mode .wbm-remove-card { display: flex; }
.wbm-custom-section { background: #1a1d27; border: 2px solid #f59e0b; border-radius: 14px; margin: 18px clamp(16px,4vw,40px); overflow: hidden; }
.wbm-custom-section-header { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: rgba(245,158,11,0.08); border-bottom: 1px solid #f59e0b; font-size: 15px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #f59e0b; }
.wbm-custom-section-title { flex: 1; }
.wbm-custom-section-rename, .wbm-custom-section-delete { background: transparent; border: none; cursor: pointer; padding: 4px 8px; }
.wbm-custom-section-rename { color: #9ca3af; }
.wbm-custom-section-rename:hover { color: #3b82f6; }
.wbm-custom-section-delete { color: #ef4444; }
.wbm-custom-section-delete:hover { background: rgba(239,68,68,0.15); border-radius: 4px; }
.wbm-custom-section-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; padding: 14px; min-height: 70px; }
.wbm-empty-hint { grid-column: 1 / -1; color: #9ca3af; font-style: italic; padding: 16px; text-align: center; }