/* ── ROOT VARIABLES ───────────────────────────────────────────────────── */
#beh-app{
    --primary:var(--bmaba-primary,var(--bb-colors-primary,var(--e-global-color-primary,#1E73BE)));
    --primary-light:rgba(30,115,190,.09);
    --primary-dark:#1565a8;
    --red:#dc2626;--red-l:#fee2e2;--red-d:#991b1b;
    --amber:#d97706;--amber-l:#fef3c7;--amber-d:#78350f;
    --green:#16a34a;--green-l:#dcfce7;--green-d:#14532d;
    --slate:#334155;--muted:#64748b;--text:#0f172a;--border:#e2e8f0;--bg:#f8fafc;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    -webkit-font-smoothing:antialiased;color:var(--text);font-size:14px;line-height:1.6;
}
#beh-app *,#beh-app *::before,#beh-app *::after{box-sizing:border-box;margin:0;padding:0}
/* Modal body children are exempted from the reset — they need natural spacing */
.beh-modal-body *,.beh-modal-body *::before,.beh-modal-body *::after{box-sizing:border-box}
#beh-app .beh-view{display:none !important}
#beh-app .beh-view.active{display:block !important}
#beh-app .beh-tab-panel{display:none !important}
#beh-app .beh-tab-panel.active{display:block !important;padding:24px 0 0 !important;}
/* Tab nav bottom spacing */
#beh-app .beh-tab-nav{margin-bottom:0 !important;border-bottom:2px solid var(--border) !important;}
/* Topbar breathing room */
#beh-app .beh-event-topbar{padding:16px 0 16px !important;margin-bottom:0 !important;}
/* Hub */
.beh-hub-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.beh-hub-title{font-size:24px;font-weight:800;letter-spacing:-.02em}.beh-hub-title span{color:var(--primary)}
.beh-hub-actions{display:flex;gap:10px;align-items:center}
.beh-admin-bar{background:#0f172a;color:#94a3b8;font-size:11px;padding:6px 14px;border-radius:4px;margin-bottom:16px;font-weight:600;letter-spacing:.04em}
/* Buttons */
.beh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease;line-height:1;white-space:nowrap;text-decoration:none}
.beh-btn-sm{padding:6px 12px;font-size:12px}.beh-btn-xs{padding:4px 8px;font-size:11px}
.beh-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.beh-btn-primary:hover{filter:brightness(1.1);color:#fff}
.beh-btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.beh-btn-ghost:hover{background:var(--bg);color:var(--text)}
.beh-btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.beh-btn-outline:hover{background:var(--primary-light)}
.beh-btn-green{background:#16a34a;color:#fff;border-color:#16a34a}.beh-btn-green:hover{background:#15803d;color:#fff}
.beh-btn-red{background:#dc2626;color:#fff;border-color:#dc2626}.beh-btn-red:hover{background:#b91c1c;color:#fff}
.beh-btn-insurance{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);color:#fff;border:none;box-shadow:0 2px 8px rgba(22,163,74,.35);transition:all .18s ease}
.beh-btn-insurance:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);box-shadow:0 4px 14px rgba(22,163,74,.45);transform:translateY(-1px);color:#fff}
/* Cards */
.beh-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:6px;padding:22px;margin-bottom:16px}
.beh-card.flat{border-top-color:var(--border)}
.beh-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.beh-card-title{font-size:14px;font-weight:800;letter-spacing:-.01em}
/* Grid */
.beh-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.beh-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.beh-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:768px){.beh-grid-2,.beh-grid-3,.beh-grid-4{grid-template-columns:1fr}}
/* Badges */
.beh-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.02em}
.beh-badge-green{background:var(--green-l);color:var(--green-d)}.beh-badge-amber{background:var(--amber-l);color:var(--amber-d)}
.beh-badge-red{background:var(--red-l);color:var(--red-d)}.beh-badge-gray{background:#f1f5f9;color:var(--slate)}
.beh-badge-primary{background:var(--primary-light);color:var(--primary-dark)}
/* Alerts */
.beh-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:4px;border:1px solid;font-size:13px;margin-bottom:12px;line-height:1.5}
.beh-alert-red{background:var(--red-l);color:var(--red-d);border-color:#fca5a5}
.beh-alert-amber{background:var(--amber-l);color:var(--amber-d);border-color:#fcd34d}
.beh-alert-green{background:var(--green-l);color:var(--green-d);border-color:#86efac}
.beh-alert-blue{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary)}
.beh-alert-gray{background:#f8fafc;color:var(--slate);border-color:var(--border)}
/* Forms */
.beh-form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.beh-form-row label{font-size:12px;font-weight:700;color:var(--slate)}
.beh-input,.beh-select,.beh-textarea{width:100%;padding:9px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}
.beh-input:focus,.beh-select:focus,.beh-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,115,190,.12)}
.beh-textarea{resize:vertical;min-height:72px}
.beh-input-prominent{background:#f8fafc;border:1.5px solid #cbd5e1}
.beh-input-prominent:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,115,190,.12)}
.beh-toggle-row{margin-top:8px}
.beh-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;user-select:none}
.beh-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}
.req{color:var(--red)}
/* Loading / Empty */
.beh-loading{display:flex;align-items:center;gap:10px;padding:40px;color:var(--muted);font-size:13px;justify-content:center}
.beh-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:beh-spin .7s linear infinite}
.beh-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.beh-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}
.beh-empty-title{font-size:16px;font-weight:700;color:var(--slate);margin-bottom:6px}
.beh-empty-sub{font-size:13px}
/* Event topbar */
.beh-event-topbar{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:0;border-bottom:1px solid var(--border);flex-wrap:wrap}
.beh-back-btn{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:600;background:none;border:none;cursor:pointer;padding:0;transition:color .12s}.beh-back-btn:hover{color:var(--text)}
.beh-event-topbar-title{font-size:16px;font-weight:800;flex:1}
.beh-presence-row{display:flex;align-items:center;gap:0;margin-left:auto}
/* Tab nav */
.beh-tab-nav{display:flex;border-bottom:2px solid var(--border);margin-bottom:20px;gap:0;overflow-x:auto}
.beh-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .12s ease}
.beh-tab:hover{color:var(--text)}.beh-tab.active{color:var(--primary);border-bottom-color:var(--primary)}
/* Presence */
.beh-presence-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);margin-left:-6px;overflow:hidden}
.beh-presence-avatar img{width:100%;height:100%;object-fit:cover}
/* Stats */
.beh-stat-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:16px;text-align:center}
.beh-stat-num{font-size:28px;font-weight:900;letter-spacing:-.03em;color:var(--primary)}
.beh-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:3px}
/* Progress */
.beh-progress-bar-wrap{flex:1}.beh-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:4px}
.beh-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}
.beh-progress-label{font-size:11px;color:var(--muted)}
.beh-progress-ring-wrap{position:relative;display:inline-block}
.beh-progress-ring-svg{transform:rotate(-90deg)}
.beh-progress-ring-track{fill:none;stroke:var(--border);stroke-width:6}
.beh-progress-ring-fill{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}
.beh-progress-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--text)}
.beh-progress-hero{background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:6px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
/* Events grid */
.beh-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.beh-event-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:6px;padding:18px;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.beh-event-card:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.beh-event-card-name{font-weight:800;font-size:14px;margin-bottom:8px}
.beh-event-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.beh-event-card-meta span{font-size:11px;color:var(--muted)}
.beh-event-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* Modal */
.beh-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(3px);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.beh-modal-overlay.open{display:flex}
.beh-modal{background:#fff;border-radius:8px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.beh-modal-wide{max-width:720px}
.beh-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}
.beh-modal-title{font-size:15px;font-weight:800;letter-spacing:-.01em}
.beh-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1;padding:0 4px;transition:color .12s}.beh-modal-close:hover{color:var(--text)}
.beh-modal-body{padding:22px;overflow-y:auto;flex:1}
.beh-modal-footer{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}
/* Toasts */
.beh-toast-wrap{position:fixed !important;bottom:24px !important;left:24px !important;z-index:9999999 !important;display:flex !important;flex-direction:column !important;gap:8px !important;pointer-events:none !important}
.beh-toast{background:#0f172a !important;color:#fff !important;padding:14px 20px !important;border-radius:10px !important;font-size:13.5px !important;font-weight:600 !important;opacity:0 !important;transform:translateY(8px) !important;transition:all .22s ease !important;pointer-events:none !important;max-width:380px !important;box-shadow:0 8px 28px rgba(0,0,0,.32) !important;line-height:1.45 !important;display:block !important;margin:0 !important}
.beh-toast.show{opacity:1 !important;transform:translateY(0) !important}
.beh-toast-success{background:linear-gradient(135deg,#16a34a,#15803d) !important;}
.beh-toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c) !important;}
.beh-toast-warning{background:linear-gradient(135deg,#d97706,#b45309) !important;}
.beh-toast-info{background:linear-gradient(135deg,#1E73BE,#1d4ed8) !important;}
/* Search */
.beh-search-wrap{position:relative}
.beh-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:4px;font-size:13px;font-family:inherit}
.beh-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}
.beh-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.beh-search-result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px;transition:background .1s}.beh-search-result:hover{background:var(--bg)}
/* Kanban */
.beh-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:300px}
@media(max-width:900px){.beh-kanban{grid-template-columns:1fr 1fr}}
.beh-kanban-col{background:var(--bg);border-radius:6px;overflow:hidden}
.beh-kanban-col-header{padding:10px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}
.col-backlog{background:#f1f5f9;color:var(--slate)}.col-todo{background:#dbeafe;color:#1e40af}.col-doing{background:var(--amber-l);color:var(--amber-d)}.col-done{background:var(--green-l);color:var(--green-d)}
.beh-kanban-count{background:rgba(255,255,255,.6);border-radius:10px;padding:1px 6px;font-size:10px}
.beh-kanban-cards{padding:8px;display:flex;flex-direction:column;gap:7px;min-height:200px}
.beh-kanban-cards.drag-over{background:rgba(30,115,190,.06);border-radius:4px}
.beh-task-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:12px;cursor:grab;transition:box-shadow .12s;user-select:none}
.beh-task-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.beh-task-card.dragging{opacity:.5}
.beh-task-card-title{font-size:13px;font-weight:700;margin-bottom:4px}
.beh-task-card-desc{font-size:11px;color:var(--muted);margin-bottom:8px;line-height:1.4}
.beh-task-card-footer{display:flex;align-items:center;justify-content:space-between}
.beh-task-assignee{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.beh-task-due{font-size:10px;color:var(--muted)}.beh-task-due.overdue{color:var(--red)}
.beh-task-actions{display:flex;gap:4px;opacity:0;transition:opacity .12s}.beh-task-card:hover .beh-task-actions{opacity:1}
.beh-add-task-btn{background:none;border:1px dashed var(--border);border-radius:4px;width:100%;padding:7px;font-size:11px;color:var(--muted);cursor:pointer;transition:all .12s}.beh-add-task-btn:hover{border-color:var(--primary);color:var(--primary)}
/* ── Comms ─────────────────────────────────────────────────────────────────── */
#beh-app .beh-comms-wrap{display:grid !important;grid-template-columns:220px 1fr !important;border:1px solid var(--border) !important;border-radius:12px !important;overflow:hidden !important;height:600px !important;background:#fff !important;box-shadow:0 2px 8px rgba(0,0,0,0.06) !important}

/* Sidebar */
#beh-app .beh-ch-sidebar{background:#f8fafc !important;border-right:1px solid var(--border) !important;display:flex !important;flex-direction:column !important;overflow-y:auto !important}
#beh-app .beh-ch-sidebar-hdr{padding:14px 14px 10px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;border-bottom:1px solid var(--border) !important;flex-shrink:0 !important}
#beh-app .beh-ch-sidebar-label{font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:var(--muted) !important}
#beh-app .beh-ch-add-btn{width:24px !important;height:24px !important;border-radius:6px !important;border:1px solid var(--border) !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:var(--muted) !important;transition:all .15s !important}
#beh-app .beh-ch-add-btn:hover{color:var(--primary) !important;border-color:var(--primary) !important;background:#f0f7ff !important}
#beh-app .beh-ch-item{padding:8px 14px !important;cursor:pointer !important;transition:all .12s !important;display:flex !important;flex-direction:column !important;gap:5px !important;border-left:3px solid transparent !important}
#beh-app .beh-ch-item:hover{background:rgba(59,130,246,.05) !important}
#beh-app .beh-ch-item.active{background:rgba(59,130,246,.07) !important;border-left-color:var(--primary) !important}
#beh-app .beh-ch-item.beh-ch-denied{opacity:.5 !important;cursor:not-allowed !important}
#beh-app .beh-ch-item-top{display:flex !important;align-items:center !important;gap:5px !important;font-size:13px !important;font-weight:500 !important;color:var(--muted) !important}
#beh-app .beh-ch-item:hover .beh-ch-item-top{color:var(--dark) !important}
#beh-app .beh-ch-item.active .beh-ch-item-top{color:var(--primary) !important;font-weight:700 !important}
#beh-app .beh-ch-hash{font-size:14px !important;opacity:.5 !important;flex-shrink:0 !important}
#beh-app .beh-ch-name{flex:1 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
#beh-app .beh-ch-lock{flex-shrink:0 !important;opacity:.45 !important;color:var(--muted) !important}
#beh-app .beh-ch-item.active .beh-ch-lock{opacity:.7 !important;color:var(--primary) !important}
/* Avatar chips under channel name */
#beh-app .beh-ch-avatars{display:flex !important;align-items:center !important;padding-left:18px !important;gap:0 !important}
#beh-app .beh-ch-av{width:18px !important;height:18px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:8px !important;font-weight:800 !important;color:#fff !important;border:2px solid #f8fafc !important;margin-left:-5px !important;flex-shrink:0 !important}
#beh-app .beh-ch-avatars .beh-ch-av:first-child{margin-left:0 !important}
#beh-app .beh-ch-av-more{background:var(--muted) !important;font-size:8px !important}

/* Main pane */
#beh-app .beh-ch-main{display:flex !important;flex-direction:column !important;overflow:hidden !important;background:#fff !important}
#beh-app .beh-ch-topbar{padding:12px 18px !important;border-bottom:1px solid var(--border) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;flex-shrink:0 !important;background:#fff !important}
#beh-app .beh-ch-topbar-left{display:flex !important;align-items:center !important;gap:8px !important}
#beh-app .beh-ch-topbar-hash{font-size:18px !important;color:var(--muted) !important;font-weight:300 !important;line-height:1 !important}
#beh-app .beh-ch-topbar-name{font-size:15px !important;font-weight:800 !important;color:var(--dark) !important}
#beh-app .beh-ch-access-badge{font-size:10px !important;font-weight:700 !important;padding:2px 8px !important;border-radius:10px !important;background:#f0fdf4 !important;color:#15803d !important;display:flex !important;align-items:center !important;gap:4px !important}
#beh-app .beh-ch-badge-pw{background:#fffbeb !important;color:#b45309 !important}
#beh-app .beh-ch-settings-btn{width:30px !important;height:30px !important;border-radius:7px !important;border:1px solid var(--border) !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:var(--muted) !important;transition:all .15s !important}
#beh-app .beh-ch-settings-btn:hover{color:var(--primary) !important;border-color:var(--primary) !important;background:#f0f7ff !important}

/* Messages */
#beh-app .beh-ch-messages{flex:1 !important;min-height:0 !important;overflow-y:auto !important;padding:16px 20px !important;display:flex !important;flex-direction:column !important;gap:2px !important;scroll-behavior:smooth !important}
#beh-app .beh-ch-date-divider{display:flex !important;align-items:center !important;gap:10px !important;margin:14px 0 8px !important;color:var(--muted) !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.05em !important}
#beh-app .beh-ch-date-divider::before,#beh-app .beh-ch-date-divider::after{content:'' !important;flex:1 !important;height:1px !important;background:var(--border) !important}
#beh-app .beh-message{display:flex !important;gap:10px !important;align-items:flex-start !important;padding:4px 0 !important;position:relative !important;border-radius:8px !important}
#beh-app .beh-message:hover{background:rgba(0,0,0,0.02) !important}
#beh-app .beh-message:hover .beh-msg-actions{opacity:1 !important}
#beh-app .beh-msg-avatar{width:34px !important;height:34px !important;border-radius:50% !important;background:#dbeafe !important;color:#1d4ed8 !important;font-size:11px !important;font-weight:800 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;overflow:hidden !important}
#beh-app .beh-msg-avatar img{width:100% !important;height:100% !important;object-fit:cover !important}
#beh-app .beh-msg-body{flex:1 !important;display:flex !important;flex-direction:column !important;min-width:0 !important}
#beh-app .beh-msg-meta{display:flex !important;align-items:baseline !important;gap:8px !important;margin-bottom:3px !important}
#beh-app .beh-msg-name{font-weight:800 !important;font-size:12.5px !important;color:var(--dark) !important}
#beh-app .beh-msg-time{font-size:10px !important;color:var(--muted) !important}
#beh-app .beh-msg-bubble{background:#f1f5f9 !important;border-radius:4px 16px 16px 16px !important;padding:8px 12px !important;max-width:520px !important;font-size:13.5px !important;line-height:1.55 !important}
#beh-app .beh-msg-text{font-size:13.5px !important;line-height:1.55 !important;color:var(--text) !important}
#beh-app .beh-msg-text p{margin:0 0 4px !important}
#beh-app .beh-msg-text p:last-child{margin:0 !important}
#beh-app .beh-msg-text ul,#beh-app .beh-msg-text ol{padding-left:18px !important;margin:4px 0 !important}
#beh-app .beh-msg-text strong{font-weight:700 !important}
#beh-app .beh-msg-text em{font-style:italic !important}
#beh-app .beh-msg-text a{color:var(--primary) !important}
#beh-app .beh-msg-actions{position:absolute !important;right:8px !important;top:4px !important;opacity:0 !important;transition:opacity .15s !important;display:flex !important;gap:2px !important}
#beh-app .beh-msg-del-btn{width:22px !important;height:22px !important;border:1px solid var(--border) !important;border-radius:5px !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:var(--muted) !important;transition:all .12s !important}
#beh-app .beh-msg-del-btn:hover{background:#fef2f2 !important;color:#ef4444 !important;border-color:#fca5a5 !important}
#beh-app .beh-msg-deleted{opacity:0 !important;transform:scale(.95) !important;transition:all .25s !important}
#beh-app .beh-msg-mine .beh-msg-bubble{background:#dbeafe !important;color:var(--dark) !important;border-radius:4px 16px 16px 16px !important}
#beh-app .beh-msg-mine .beh-msg-name{color:var(--primary) !important}


/* Empty & access states */
#beh-app .beh-ch-empty-msgs{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;color:var(--muted) !important;font-size:13px !important;text-align:center !important}
#beh-app .beh-ch-access-denied,#beh-app .beh-ch-pw-prompt{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:12px !important;color:var(--muted) !important;text-align:center !important;padding:32px !important}
#beh-app .beh-ch-pw-icon{color:var(--muted) !important;opacity:.5 !important}
#beh-app .beh-ch-pw-title{font-size:16px !important;font-weight:800 !important;color:var(--dark) !important}
#beh-app .beh-ch-pw-sub{font-size:13px !important;color:var(--muted) !important}
#beh-app .beh-ch-pw-row{display:flex !important;gap:8px !important;width:100% !important;max-width:320px !important}
#beh-app .beh-comms-empty{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:14px !important;padding:60px 20px !important;text-align:center !important}
#beh-app .beh-comms-empty-icon{color:var(--muted) !important;opacity:.3 !important}
#beh-app .beh-comms-empty-title{font-size:18px !important;font-weight:800 !important;color:var(--dark) !important}
#beh-app .beh-comms-empty-sub{font-size:13px !important;color:var(--muted) !important;max-width:320px !important}

/* Compose area */
#beh-app .beh-ch-compose{border-top:1px solid var(--border) !important;background:#fff !important;flex-shrink:0 !important;min-height:0 !important;display:flex !important;flex-direction:column !important}
#beh-app .beh-compose-toolbar{display:flex !important;align-items:center !important;gap:2px !important;padding:7px 12px !important;border-bottom:1px solid var(--border) !important;background:#f8fafc !important}
#beh-app .beh-fmt-btn{width:28px !important;height:28px !important;border-radius:5px !important;border:1px solid transparent !important;background:transparent !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:var(--muted) !important;transition:all .12s !important;padding:0 !important}
#beh-app .beh-fmt-btn:hover{background:#fff !important;border-color:var(--border) !important;color:var(--dark) !important}
#beh-app .beh-fmt-btn.active{background:#eff6ff !important;border-color:#bfdbfe !important;color:var(--primary) !important}
#beh-app .beh-fmt-sep{width:1px !important;height:18px !important;background:var(--border) !important;margin:0 4px !important;flex-shrink:0 !important}
#beh-app .beh-quill-editor{border:none !important}
#beh-app .beh-quill-editor .ql-container.ql-snow{border:none !important;font-family:inherit !important;font-size:13.5px !important}
#beh-app .beh-quill-editor .ql-editor{min-height:70px !important;max-height:150px !important;overflow-y:auto !important;font-size:13.5px !important;font-family:inherit !important;color:var(--text) !important;line-height:1.55 !important;padding:10px 14px !important}
#beh-app .beh-quill-editor .ql-editor.ql-blank::before{font-style:normal !important;color:#94a3b8 !important;font-size:13.5px !important;left:14px !important}
#beh-app .beh-quill-editor .ql-editor p{margin:0 0 2px !important}
#beh-app .beh-quill-editor .ql-editor ul,#beh-app .beh-quill-editor .ql-editor ol{padding-left:1.5em !important}
#beh-app .beh-quill-editor .ql-editor strong{font-weight:700 !important}
#beh-app .beh-quill-editor .ql-editor em{font-style:italic !important}
#beh-app .beh-ch-compose-footer{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:7px 12px !important;border-top:1px solid var(--border) !important;background:#fafafa !important}
#beh-app .beh-ch-compose-hint{font-size:11px !important;color:var(--muted) !important;display:flex !important;align-items:center !important;gap:4px !important}
#beh-app .beh-ch-compose-hint kbd{font-size:10px !important;background:#fff !important;border:1px solid var(--border) !important;border-radius:3px !important;padding:1px 5px !important;font-family:inherit !important;color:var(--dark) !important;box-shadow:0 1px 0 var(--border) !important}
#beh-app .beh-ch-fallback-input{width:100% !important;min-height:70px !important;border:none !important;outline:none !important;resize:none !important;padding:10px 14px !important;font-size:13.5px !important;font-family:inherit !important;color:var(--text) !important;line-height:1.55 !important;box-sizing:border-box !important}
/* Quill editor — scoped carefully to avoid clobbering toolbar icons */
#beh-app .beh-quill-editor{border:none !important;display:flex !important;flex-direction:column !important}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow{
    border:none !important;
    border-bottom:1px solid var(--border) !important;
    padding:6px 14px !important;
    background:#f8fafc !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:2px !important;
}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow .ql-formats{
    margin-right:8px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:2px !important;
}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button{
    width:28px !important;
    height:28px !important;
    border-radius:5px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid transparent !important;
    background:transparent !important;
    cursor:pointer !important;
    transition:all .12s !important;
}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button:hover,
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button.ql-active{
    background:#fff !important;
    border-color:var(--border) !important;
    color:var(--primary) !important;
}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button .ql-stroke{stroke:var(--muted) !important;stroke-width:1.5px !important}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button:hover .ql-stroke,
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:var(--primary) !important}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button .ql-fill{fill:var(--muted) !important}
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button:hover .ql-fill,
#beh-app .beh-quill-editor .ql-toolbar.ql-snow button.ql-active .ql-fill{fill:var(--primary) !important}
#beh-app .beh-quill-editor .ql-container.ql-snow{border:none !important;font-family:inherit !important;font-size:13.5px !important}
#beh-app .beh-quill-editor .ql-editor{
    min-height:70px !important;
    max-height:160px !important;
    overflow-y:auto !important;
    font-size:13.5px !important;
    font-family:inherit !important;
    color:var(--text) !important;
    line-height:1.55 !important;
    padding:10px 14px !important;
}
#beh-app .beh-quill-editor .ql-editor.ql-blank::before{
    font-style:normal !important;
    color:#94a3b8 !important;
    font-size:13.5px !important;
    left:14px !important;
}
#beh-app .beh-quill-editor .ql-editor p{margin:0 !important}
#beh-app .beh-quill-editor .ql-editor ul,#beh-app .beh-quill-editor .ql-editor ol{padding-left:1.5em !important}
/* Fallback textarea when Quill unavailable */
#beh-app .beh-ch-fallback-input{
    width:100% !important;
    min-height:70px !important;
    border:none !important;
    outline:none !important;
    resize:none !important;
    padding:10px 14px !important;
    font-size:13.5px !important;
    font-family:inherit !important;
    color:var(--text) !important;
    line-height:1.55 !important;
    box-sizing:border-box !important;
}

/* Channel member checkboxes */
#beh-app .beh-ch-member-check{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;cursor:pointer !important;padding:5px 0 !important}

/* Backward compat classes removed — covered above */
/* ── Files tab ──────────────────────────────────────────────────────── */
#beh-app .beh-files-wrap{display:grid !important;grid-template-columns:200px 1fr !important;gap:0 !important;border:1px solid var(--border) !important;border-radius:10px !important;overflow:hidden !important;min-height:420px !important;background:#fff !important;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04) !important;width:100% !important}

/* Sidebar */
#beh-app .beh-files-sidebar{background:#f8fafc !important;border-right:1px solid var(--border) !important;padding:16px 0 !important;display:flex !important;flex-direction:column !important;gap:0 !important}
#beh-app .beh-files-sidebar-hdr{padding:0 16px 10px !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:var(--muted) !important}
#beh-app .beh-files-folder{display:flex !important;align-items:center !important;gap:9px !important;padding:9px 16px !important;font-size:13px !important;font-weight:500 !important;cursor:pointer !important;color:var(--muted) !important;border-left:3px solid transparent !important;transition:all .12s !important;user-select:none !important}
#beh-app .beh-files-folder svg{flex-shrink:0 !important;opacity:.6 !important;transition:opacity .12s !important}
#beh-app .beh-files-folder:hover{background:rgba(59,130,246,.05) !important;color:var(--dark) !important}
#beh-app .beh-files-folder:hover svg{opacity:.9 !important}
#beh-app .beh-files-folder.active{border-left-color:var(--primary) !important;color:var(--primary) !important;font-weight:600 !important;background:rgba(59,130,246,.07) !important}
#beh-app .beh-files-folder.active svg{opacity:1 !important}

/* Main pane */
#beh-app .beh-files-main{padding:24px 28px !important;overflow:auto !important;display:flex !important;flex-direction:column !important;gap:0 !important}

/* Toolbar */
#beh-app .beh-files-toolbar{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:22px !important;padding-bottom:18px !important;border-bottom:1px solid var(--border) !important}
#beh-app .beh-files-toolbar-left{display:flex !important;align-items:center !important;gap:10px !important}
#beh-app .beh-files-folder-title{font-size:14px !important;font-weight:700 !important;color:var(--dark) !important}
#beh-app .beh-files-folder-count{font-size:11px !important;font-weight:500 !important;color:#fff !important;background:var(--muted) !important;border-radius:20px !important;padding:1px 8px !important;line-height:1.6 !important}
#beh-app .beh-files-toolbar-right{display:flex !important;align-items:center !important;gap:8px !important}
#beh-app .beh-select-sm{font-size:12px !important;padding:5px 10px !important;height:32px !important}

/* File list */
#beh-app .beh-files-list{display:flex !important;flex-direction:column !important;gap:0 !important}
#beh-app .beh-file-row{display:flex !important;align-items:center !important;gap:16px !important;padding:15px 0 !important;border-bottom:1px solid var(--border) !important;transition:all .12s !important}
#beh-app .beh-file-row:last-child{border-bottom:none !important}
#beh-app .beh-file-row:hover{background:#fafbfd !important;margin:0 -8px !important;padding-left:8px !important;padding-right:8px !important;border-radius:6px !important}

/* File icon — colour coded by type */
#beh-app .beh-file-icon{width:42px !important;height:42px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;border:1px solid transparent !important}
#beh-app .beh-fi-pdf{background:#fef2f2 !important;border-color:#fecaca !important;color:#dc2626 !important}
#beh-app .beh-fi-doc{background:#eff6ff !important;border-color:#bfdbfe !important;color:#2563eb !important}
#beh-app .beh-fi-xls{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#16a34a !important}
#beh-app .beh-fi-img{background:#fdf4ff !important;border-color:#e9d5ff !important;color:#9333ea !important}
#beh-app .beh-fi-default{background:var(--bg) !important;border-color:var(--border) !important;color:var(--muted) !important}

/* File info */
#beh-app .beh-file-info{flex:1 !important;min-width:0 !important}
#beh-app .beh-file-name{font-size:13px !important;font-weight:600 !important;color:var(--dark) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin-bottom:3px !important}
#beh-app .beh-file-meta{display:flex !important;align-items:center !important;gap:5px !important;font-size:11px !important;color:var(--muted) !important}
#beh-app .beh-file-meta-sep{opacity:.4 !important}

/* File action buttons */
#beh-app .beh-file-actions{display:flex !important;align-items:center !important;gap:6px !important;flex-shrink:0 !important}
#beh-app .beh-file-act-btn{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:11px !important;font-weight:600 !important;padding:5px 10px !important;border-radius:6px !important;border:1px solid var(--border) !important;background:#fff !important;color:var(--dark) !important;cursor:pointer !important;text-decoration:none !important;transition:all .12s !important;white-space:nowrap !important}
#beh-app .beh-file-act-btn:hover{background:var(--bg) !important;border-color:var(--primary) !important;color:var(--primary) !important}
#beh-app .beh-file-act-del{color:var(--muted) !important}
#beh-app .beh-file-act-del:hover{background:#fef2f2 !important;border-color:#fecaca !important;color:#dc2626 !important}

/* Drop hint strip at bottom of list */
#beh-app .beh-files-drop-hint{margin-top:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;padding:10px !important;border:1.5px dashed var(--border) !important;border-radius:7px !important;font-size:11px !important;color:var(--muted) !important;cursor:pointer !important;transition:all .15s !important}
#beh-app .beh-files-drop-hint:hover{border-color:var(--primary) !important;color:var(--primary) !important;background:rgba(59,130,246,.03) !important}

/* Full-pane dropzone (empty state) */
#beh-app .beh-files-dropzone{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:52px 40px !important;border:2px dashed var(--border) !important;border-radius:10px !important;cursor:pointer !important;transition:all .15s !important;text-align:center !important}
#beh-app .beh-files-dropzone:hover,#beh-app .beh-files-dropzone.drag-over{border-color:var(--primary) !important;background:rgba(59,130,246,.04) !important}
#beh-app .beh-files-dropzone-icon{color:var(--muted) !important;opacity:.5 !important}
#beh-app .beh-files-dropzone-title{font-size:14px !important;font-weight:600 !important;color:var(--dark) !important}
#beh-app .beh-files-dropzone-sub{font-size:12px !important;color:var(--muted) !important}

/* ── Referee insurance modal ─────────────────────────────────────────── */
.beh-ref-ins-modal{font-size:13.5px;line-height:1.65;color:var(--text)}
.beh-ref-ins-modal strong{font-weight:700}
/* Callout */
.beh-ref-ins-callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px}
.beh-ref-ins-callout-icon{flex-shrink:0;color:#2563eb;margin-top:1px}
.beh-ref-ins-callout-title{font-size:13.5px;font-weight:700;color:#1e3a5f;margin-bottom:3px}
.beh-ref-ins-callout-text{font-size:12.5px;color:#374151;line-height:1.55}
/* Two columns */
.beh-ref-ins-cols{display:flex;flex-direction:column;gap:10px}
.beh-ref-ins-col{border-radius:10px;padding:16px 18px;border-left:4px solid transparent}
.beh-ref-ins-col-blue{background:#f0f9ff;border-left-color:#0369a1}
.beh-ref-ins-col-amber{background:#fffbeb;border-left-color:#d97706}
.beh-ref-ins-col-hdr{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
.beh-ref-ins-col-blue .beh-ref-ins-col-hdr{color:#0369a1}
.beh-ref-ins-col-blue .beh-ref-ins-col-hdr svg{color:#0369a1;flex-shrink:0}
.beh-ref-ins-col-amber .beh-ref-ins-col-hdr{color:#92400e}
.beh-ref-ins-col-amber .beh-ref-ins-col-hdr svg{color:#b45309;flex-shrink:0}
.beh-ref-ins-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#374151}
.beh-ref-ins-list li{line-height:1.55;padding-left:16px;position:relative}
.beh-ref-ins-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;opacity:.5}
.beh-ref-ins-col-blue .beh-ref-ins-list li::before{background:#0369a1}
.beh-ref-ins-col-amber .beh-ref-ins-list li::before{background:#b45309}
.beh-ref-ins-warn-item{color:#92400e !important;font-weight:600}
.beh-ref-ins-warn-item{color:#92400e !important;font-weight:600}
.beh-ref-ins-warn-item::before{background:#b45309 !important;opacity:.8 !important}
/* Inline learn more link button */
.beh-inline-link{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--primary);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.beh-inline-link:hover{color:var(--primary-dark,#1d4ed8)}
/* Table */
.beh-table-wrap{overflow-x:auto}
.beh-table{width:100%;border-collapse:collapse;font-size:12px}
.beh-table th{padding:8px 10px;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap}
.beh-table td{padding:10px 10px;border-bottom:1px solid var(--bg);vertical-align:middle}
.beh-table tr:last-child td{border-bottom:none}
/* Library tabs */
.beh-lib-tabs{display:flex;gap:6px;margin-bottom:20px}
.beh-lib-tab{padding:7px 16px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;transition:all .15s}
.beh-lib-tab:hover{border-color:var(--primary);color:var(--primary)}.beh-lib-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
/* Members */
.beh-member-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bg)}
.beh-member-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.beh-member-avatar img{width:100%;height:100%;object-fit:cover}
.beh-member-info{flex:1}.beh-member-name{font-weight:700;font-size:13px}.beh-member-role{font-size:11px;color:var(--muted)}
.beh-divider{border:none;border-top:1px solid var(--border);margin:14px 0}
/* Licence hero */
/* Licence hero — animated rainbow border */
@keyframes beh-rainbow{
    0%  {border-color:#16a34a;}
    20% {border-color:#0ea5e9;}
    40% {border-color:#8b5cf6;}
    60% {border-color:#f59e0b;}
    80% {border-color:#ef4444;}
    100%{border-color:#16a34a;}
}
@keyframes beh-rainbow-glow{
    0%  {box-shadow:0 0 0 3px rgba(22,163,74,.2), 0 4px 24px rgba(22,163,74,.12);}
    20% {box-shadow:0 0 0 3px rgba(14,165,233,.2), 0 4px 24px rgba(14,165,233,.12);}
    40% {box-shadow:0 0 0 3px rgba(139,92,246,.2), 0 4px 24px rgba(139,92,246,.12);}
    60% {box-shadow:0 0 0 3px rgba(245,158,11,.2), 0 4px 24px rgba(245,158,11,.12);}
    80% {box-shadow:0 0 0 3px rgba(239,68,68,.2), 0 4px 24px rgba(239,68,68,.12);}
    100%{box-shadow:0 0 0 3px rgba(22,163,74,.2), 0 4px 24px rgba(22,163,74,.12);}
}
#beh-app .beh-licence-hero{
    background:linear-gradient(135deg,#052e16 0%,#14532d 45%,#166534 100%) !important;
    border:3px solid #16a34a !important;
    border-radius:14px !important;
    padding:0 !important;
    margin-bottom:24px !important;
    overflow:hidden !important;
    animation:beh-rainbow 5s linear infinite, beh-rainbow-glow 5s linear infinite !important;
    box-shadow:0 8px 32px rgba(22,163,74,.25) !important;
    display:block !important;
}
#beh-app .beh-licence-hero-inner{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    padding:30px 36px !important;
    box-sizing:border-box !important;
}
#beh-app .beh-licence-badge-circle{
    width:72px !important; height:72px !important;
    flex-shrink:0 !important;
    background:rgba(255,255,255,.13) !important;
    border:2px solid rgba(255,255,255,.28) !important;
    border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#fff !important;
    box-shadow:0 4px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18) !important;
}
#beh-app .beh-licence-info{ flex:1 !important; }
#beh-app .beh-licence-title{
    font-weight:900 !important; font-size:18px !important; color:#ffffff !important;
    margin-bottom:8px !important; letter-spacing:-.01em !important;
    text-shadow:0 1px 4px rgba(0,0,0,.3) !important;
}
#beh-app .beh-licence-ref{
    font-size:14px !important; color:rgba(255,255,255,.82) !important;
    display:flex !important; align-items:center !important;
    gap:10px !important; flex-wrap:wrap !important; margin-bottom:16px !important;
    line-height:1.5 !important;
}
#beh-app .beh-licence-ref strong{ color:#bbf7d0 !important; font-weight:700 !important; }
#beh-app .beh-licence-sep{ color:rgba(255,255,255,.25) !important; }
#beh-app .beh-licence-actions{ display:flex !important; gap:10px !important; flex-wrap:wrap !important; }
#beh-app .beh-licence-hero .beh-btn-outline{
    border-color:rgba(255,255,255,.38) !important;
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
    font-size:13px !important;
    padding:8px 16px !important;
}
#beh-app .beh-licence-hero .beh-btn-outline:hover{
    background:rgba(255,255,255,.22) !important;
    border-color:rgba(255,255,255,.65) !important;
}
/* Insurance modal */
.beh-insurance-modal-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:8px;padding:20px;margin-bottom:20px}
.beh-insurance-shield{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px rgba(22,163,74,.3)}
.beh-insurance-hero-title{font-size:17px;font-weight:800;color:#14532d;margin-bottom:4px}
.beh-insurance-hero-sub{font-size:13px;color:#166534}
.beh-insurance-points{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.beh-insurance-point{display:flex;gap:12px;align-items:flex-start}
.beh-insurance-point-icon{width:32px;height:32px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;color:#16a34a;flex-shrink:0;margin-top:1px}
.beh-insurance-point-title{font-weight:700;font-size:13px;margin-bottom:2px}
.beh-insurance-point-desc{font-size:12px;color:var(--muted);line-height:1.5}
.beh-insurance-footer-note{font-size:11px;color:var(--muted);text-align:center;padding-top:8px;border-top:1px solid var(--border)}
.beh-create-insurance-note{display:flex;align-items:flex-start;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 12px;margin-top:8px;font-size:12px;color:#15803d;line-height:1.5}
/* Version / utility */
.beh-version-tag{margin-top:40px;text-align:right;font-size:10px;color:#cbd5e1;font-family:monospace;letter-spacing:.03em;user-select:none;pointer-events:none}
.beh-text-sm{font-size:12px}.beh-text-xs{font-size:11px}.beh-text-muted{color:var(--muted)}
.beh-flex{display:flex;align-items:center}.beh-flex-between{display:flex;align-items:center;justify-content:space-between}
.beh-gap-8{gap:8px}.beh-gap-12{gap:12px}
@keyframes beh-spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════════════════════════ */
/* COMPLIANCE — full redesign                                             */
/* ══════════════════════════════════════════════════════════════════════ */
.beh-cl-hero{background:#fff;border:1px solid var(--border);border-radius:8px;padding:28px 32px;margin-bottom:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.beh-cl-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary) var(--prog,0%),var(--border) var(--prog,0%))}
.beh-cl-hero-text{flex:1}
.beh-cl-hero-title{font-size:16px;font-weight:900;letter-spacing:-.02em;margin-bottom:3px}
.beh-cl-hero-sub{font-size:13px;color:var(--muted)}
.beh-cl-hero-note{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:5px}
/* Sections */
.beh-cl-section{margin-bottom:10px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.beh-cl-section-pre{border-top:3px solid var(--primary)}
.beh-cl-section-day{border-top:3px solid var(--amber)}
.beh-cl-section-debrief{border-top:3px solid var(--green)}
.beh-cl-section-signoff{border-top:3px solid var(--slate)}
.beh-cl-section-hdr{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;user-select:none;transition:background .12s}
.beh-cl-section-hdr:hover{background:var(--bg)}
.beh-cl-section-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.beh-cl-section-pre .beh-cl-section-icon{background:var(--primary-light);color:var(--primary)}
.beh-cl-section-day .beh-cl-section-icon{background:var(--amber-l);color:var(--amber-d)}
.beh-cl-section-debrief .beh-cl-section-icon{background:var(--green-l);color:var(--green-d)}
.beh-cl-section-signoff .beh-cl-section-icon{background:#f1f5f9;color:var(--slate)}
.beh-cl-section-meta{flex:1}
.beh-cl-section-label{font-weight:800;font-size:14px;letter-spacing:-.01em}
.beh-cl-section-count{font-size:11px;color:var(--muted);margin-top:2px}
.beh-cl-section-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.beh-cl-section-chevron{color:var(--muted);transition:transform .2s ease;flex-shrink:0}
.beh-cl-section-chevron.open{transform:rotate(180deg)}
.beh-cl-section-body{border-top:1px solid var(--border);display:none}
.beh-cl-section-body.open{display:block}
/* Subsections */
.beh-cl-sub{padding:0 18px}
.beh-cl-sub-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 0 6px;display:flex;align-items:center;gap:8px}
.beh-cl-sub-label::after{content:'';flex:1;height:1px;background:var(--border)}
/* Items */
.beh-cl-item{display:flex;align-items:flex-start;gap:14px;padding:14px 10px;border-bottom:1px solid #e9eef4;position:relative;transition:background .1s;border-radius:6px;margin-bottom:2px;}
.beh-cl-item:last-child{border-bottom:none;margin-bottom:0}
.beh-cl-item:hover{background:#f8fafc;}
.beh-cl-item.is-checked{background:linear-gradient(90deg,rgba(22,163,74,.04),transparent);border-bottom-color:#e2f5e9;}
/* Custom animated checkbox */
.beh-cl-cb-wrap{flex-shrink:0;margin-top:1px}
.beh-cl-cb{display:none}
/* Checkbox is now a self-contained SVG — minimal wrapper reset only */

/* Hard-reset any BuddyBoss SVG interference on our checkbox SVGs */
#beh-app .beh-cl-cb-svg *{transition:none!important;}
#beh-app .beh-cl-cb-svg rect{vector-effect:none!important;}
#beh-app .beh-cl-cb-svg polyline{animation:none!important;}
#beh-app .beh-cl-cb-wrap .beh-cl-cb-svg:hover{filter:brightness(0.93);}
/* Item body */
.beh-cl-item-body{flex:1;min-width:0}
.beh-cl-item-label{font-size:13px;line-height:1.5;font-weight:500;color:#1a1a2e}
.beh-cl-item-label.is-req::after{content:' *';color:var(--red);font-size:11px;font-weight:700}
.beh-cl-item-checked-by{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;color:var(--muted)}
.beh-cl-checker-av{width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.beh-cl-checker-av img{width:100%;height:100%;object-fit:cover}
.beh-cl-auto-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;border-radius:10px;margin-top:4px}
.beh-cl-auto-ok{background:var(--green-l);color:var(--green-d)}
.beh-cl-auto-fail{background:var(--red-l);color:var(--red-d)}
.beh-cl-auto-check{background:var(--amber-l);color:var(--amber-d)}
/* Comment bubble */
.beh-cl-item-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px}
.beh-cl-comment-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}
.beh-cl-comment-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}
.beh-cl-comment-btn.has-comments{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}
/* Comment thread */
.beh-cl-comment-thread{background:#f8fafc;border-top:1px solid var(--border);padding:14px 18px;display:none}
.beh-cl-comment-thread.open{display:block}
.beh-cl-comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.beh-cl-comment{display:flex;gap:10px;align-items:flex-start}
.beh-cl-comment-av{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.beh-cl-comment-av img{width:100%;height:100%;object-fit:cover}
.beh-cl-comment-body{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;padding:9px 12px}
.beh-cl-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.beh-cl-comment-name{font-size:11px;font-weight:700}
.beh-cl-comment-time{font-size:10px;color:var(--muted);margin-left:auto}
.beh-cl-comment-del{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;padding:0 0 0 6px;transition:color .12s;flex-shrink:0}
.beh-cl-comment-del:hover{color:var(--red)}
.beh-cl-comment-text{font-size:12px;line-height:1.5;color:var(--text)}
.beh-cl-add-comment{display:flex;gap:8px;align-items:flex-end}
.beh-cl-add-comment textarea{flex:1;border:1px solid var(--border);border-radius:6px;padding:8px 11px;font-size:12px;font-family:inherit;resize:none;min-height:44px;background:#fff;transition:border-color .15s}
.beh-cl-add-comment textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,115,190,.1)}
/* Note items */
.beh-cl-note-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.beh-cl-note-input{width:100%;border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:13px;font-family:inherit;resize:vertical;min-height:56px;background:#fff;transition:border-color .15s}
.beh-cl-note-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,115,190,.1)}

/* ── Compliance explainer & context banner ─────────────────────────────── */
.beh-cl-info-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:none;cursor:pointer;color:var(--muted);transition:background .12s,color .12s,border-color .12s;flex-shrink:0}
.beh-cl-info-btn:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.beh-cl-context-banner{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;margin:28px 0 24px;font-size:13.5px;color:var(--text);line-height:1.65}
.beh-cl-context-icon{flex-shrink:0;color:var(--primary);margin-top:1px}
.beh-cl-context-text{flex:1}
/* Explainer modal */
.beh-cl-expl-modal{padding:2px 0}
.beh-cl-expl-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:12px}
.beh-cl-expl-body{font-size:13.5px;line-height:1.7;color:var(--text)}
/* ── Policy link checkbox items ─────────────────────────────────────────── */
.beh-cl-policy-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);margin-bottom:6px;transition:background .12s}
.beh-cl-policy-item.is-checked{background:#f0fdf4;border-color:#bbf7d0}
.beh-cl-policy-confirm{font-size:11.5px;color:var(--muted);margin-bottom:3px}
.beh-cl-policy-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;line-height:1.4}
.beh-cl-policy-link:hover{text-decoration:underline;color:#1557a0}
.beh-cl-policy-link svg{flex-shrink:0;opacity:.7}

/* ── COMPLIANCE SPECIFICITY OVERRIDES (beat BuddyBoss) ───────────────── */
#beh-app .beh-cl-section{display:block !important;margin-bottom:10px !important}
#beh-app .beh-cl-section-hdr{display:flex !important;align-items:center !important;gap:14px !important;padding:16px 18px !important;cursor:pointer !important;flex-wrap:nowrap !important}
#beh-app .beh-cl-section-body{display:none !important}
#beh-app .beh-cl-section-body.open{display:block !important}

/* ── Compliance section strip ────────────────────────────────────────────── */
.beh-cl-section-strip{
    display:flex;flex-direction:row;gap:8px;
    margin-bottom:16px;overflow-x:auto;
    padding:2px 2px 8px;
}
.beh-cl-strip-card{
    display:flex;flex-direction:column;align-items:center;
    gap:4px;padding:12px 10px 10px;
    background:#fff;border:1px solid var(--border);border-radius:10px;
    cursor:pointer;flex:1;min-width:90px;max-width:130px;
    transition:box-shadow .15s,border-color .15s;
    user-select:none;text-align:center;
}
.beh-cl-strip-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(30,115,190,.12)}
.beh-cl-strip-ring-wrap{position:relative;width:46px;height:46px;flex-shrink:0}
.beh-cl-strip-ring-wrap svg{display:block}
.beh-cl-strip-pct{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    font-size:10px;font-weight:800;color:var(--text);
}
.beh-cl-strip-label{font-size:11px;font-weight:700;color:var(--text);line-height:1.3;margin-top:2px}
.beh-cl-strip-sub{font-size:11px;color:var(--muted)}
.beh-cl-strip-done{color:var(--green);margin-top:2px}
/* Force strip layout even in BuddyBoss */
#beh-app .beh-cl-section-strip{display:flex !important;flex-direction:row !important;gap:8px !important;margin-bottom:20px !important;overflow-x:auto !important;flex-wrap:nowrap !important;}
#beh-app .beh-cl-strip-card{display:flex !important;flex-direction:column !important;align-items:center !important;flex:1 1 calc(25% - 6px) !important;max-width:calc(25% - 6px) !important;min-width:80px !important;padding:16px 12px 14px !important;background:#fff !important;border:1px solid var(--border) !important;border-radius:10px !important;cursor:pointer !important;text-align:center !important;gap:6px !important;}
#beh-app .beh-cl-strip-ring-wrap{position:relative !important;width:46px !important;height:46px !important;flex-shrink:0 !important;}
#beh-app .beh-cl-strip-pct{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;font-size:10px !important;font-weight:800 !important;}
#beh-app .beh-cl-strip-label{font-size:11px !important;font-weight:700 !important;line-height:1.3 !important;}
#beh-app .beh-cl-strip-sub{font-size:11px !important;color:var(--muted) !important;}

/* ── Hub cumulative savings banner ──────────────────────────────────────────*/
#beh-app #beh-hub-savings{margin:0 0 16px !important;}
#beh-app .beh-hub-savings-bar{
    background:linear-gradient(135deg,#052e16,#14532d) !important;
    border-radius:12px !important;
    display:flex !important;align-items:center !important;gap:16px !important;
    padding:16px 20px !important;
}
#beh-app .beh-hub-savings-icon{
    flex-shrink:0 !important;
    width:44px !important;height:44px !important;
    background:rgba(255,255,255,.1) !important;
    border-radius:50% !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    color:#86efac !important;
}
#beh-app .beh-hub-savings-text{flex:1 !important;}
#beh-app .beh-hub-savings-eyebrow{font-size:10px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(187,247,208,.65) !important;margin-bottom:2px !important;}
#beh-app .beh-hub-savings-amount{font-size:22px !important;font-weight:900 !important;color:#fff !important;letter-spacing:-.02em !important;line-height:1.1 !important;}
#beh-app .beh-hub-savings-sub{font-size:12px !important;color:rgba(187,247,208,.6) !important;margin-top:2px !important;}

#beh-app .beh-cl-sub{display:block !important;padding:0 18px !important}
#beh-app .beh-cl-sub-label{display:flex !important;align-items:center !important;gap:8px !important;padding:14px 0 6px !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:var(--muted) !important;flex-wrap:nowrap !important}
/* Checkbox items */
#beh-app .beh-cl-item{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:14px !important;padding:12px 0 !important;border-bottom:1px solid var(--bg) !important;position:relative !important;flex-wrap:nowrap !important;width:100% !important;background:none !important;box-sizing:border-box !important}
#beh-app .beh-cl-item.is-checked{background:linear-gradient(90deg,rgba(22,163,74,.03),transparent) !important}
/* Note items — column layout, full width */
#beh-app .beh-cl-item.is-note{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:6px !important;padding:12px 0 !important;flex-wrap:nowrap !important}
#beh-app .beh-cl-note-label{display:block !important;font-size:11px !important;font-weight:700 !important;color:var(--muted) !important;text-transform:uppercase !important;letter-spacing:.06em !important;width:100% !important}
#beh-app .beh-cl-note-input{display:block !important;width:100% !important;border:1px solid var(--border) !important;border-radius:6px !important;padding:9px 12px !important;font-size:13px !important;font-family:inherit !important;resize:vertical !important;min-height:56px !important;background:#fff !important;box-sizing:border-box !important}
/* Checkbox wrap */
#beh-app .beh-cl-cb-wrap{display:flex !important;flex-direction:column !important;align-items:center !important;flex-shrink:0 !important;margin-top:1px !important;position:relative !important}
#beh-app .beh-cl-cb{position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;pointer-events:none !important}

/* Checked state via JS-added class on the UI element */
/* Item body / right */
#beh-app .beh-cl-item-body{flex:1 !important;min-width:0 !important;display:block !important}
#beh-app .beh-cl-item-right{flex-shrink:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:6px !important;padding-top:2px !important}
/* Comment thread */
#beh-app .beh-cl-comment-thread{display:none !important;background:#f8fafc !important;border-top:1px solid var(--border) !important;padding:14px 18px !important}
#beh-app .beh-cl-comment-thread.open{display:block !important}
#beh-app .beh-cl-comment-list{display:flex !important;flex-direction:column !important;gap:10px !important;margin-bottom:12px !important}
#beh-app .beh-cl-comment{display:flex !important;flex-direction:row !important;gap:10px !important;align-items:flex-start !important}
#beh-app .beh-cl-comment-body{flex:1 !important;background:#fff !important;border:1px solid var(--border) !important;border-radius:6px !important;padding:9px 12px !important}
#beh-app .beh-cl-comment-meta{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:4px !important;flex-wrap:nowrap !important}
#beh-app .beh-cl-add-comment{display:flex !important;flex-direction:row !important;gap:8px !important;align-items:flex-end !important}
#beh-app .beh-cl-add-comment textarea{flex:1 !important;border:1px solid var(--border) !important;border-radius:6px !important;padding:8px 11px !important;font-size:12px !important;font-family:inherit !important;resize:none !important;min-height:44px !important;background:#fff !important}
/* Item checked-by */
#beh-app .beh-cl-item-checked-by{display:flex !important;align-items:center !important;gap:5px !important;margin-top:5px !important;font-size:11px !important;color:var(--muted) !important;flex-wrap:nowrap !important}
/* Hero */
#beh-app .beh-cl-hero{display:flex !important;flex-direction:row !important;align-items:center !important;gap:24px !important;flex-wrap:wrap !important}

/* ══════════════════════════════════════════════════════════════════════ */
/* BUDDYBOSS / THEME OVERRIDE SAFETY — all compliance layout rules       */
/* ══════════════════════════════════════════════════════════════════════ */
#beh-app .beh-cl-section{display:block !important}
#beh-app .beh-cl-section-hdr{display:flex !important;align-items:center !important;gap:14px !important;padding:16px 18px !important;cursor:pointer !important;flex-wrap:nowrap !important}
#beh-app .beh-cl-section-body{display:none !important}
#beh-app .beh-cl-section-body.open{display:block !important}

/* ── Compliance section strip ────────────────────────────────────────────── */
.beh-cl-section-strip{
    display:flex;flex-direction:row;gap:8px;
    margin-bottom:16px;overflow-x:auto;
    padding:2px 2px 8px;
}
.beh-cl-strip-card{
    display:flex;flex-direction:column;align-items:center;
    gap:4px;padding:12px 10px 10px;
    background:#fff;border:1px solid var(--border);border-radius:10px;
    cursor:pointer;flex:1;min-width:90px;max-width:130px;
    transition:box-shadow .15s,border-color .15s;
    user-select:none;text-align:center;
}
.beh-cl-strip-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(30,115,190,.12)}
.beh-cl-strip-ring-wrap{position:relative;width:46px;height:46px;flex-shrink:0}
.beh-cl-strip-ring-wrap svg{display:block}
.beh-cl-strip-pct{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    font-size:10px;font-weight:800;color:var(--text);
}
.beh-cl-strip-label{font-size:11px;font-weight:700;color:var(--text);line-height:1.3;margin-top:2px}
.beh-cl-strip-sub{font-size:11px;color:var(--muted)}
.beh-cl-strip-done{color:var(--green);margin-top:2px}
/* Force strip layout even in BuddyBoss */
#beh-app .beh-cl-section-strip{display:flex !important;flex-direction:row !important;gap:8px !important;margin-bottom:20px !important;overflow-x:auto !important;flex-wrap:nowrap !important;}
#beh-app .beh-cl-strip-card{display:flex !important;flex-direction:column !important;align-items:center !important;flex:1 1 calc(25% - 6px) !important;max-width:calc(25% - 6px) !important;min-width:80px !important;padding:16px 12px 14px !important;background:#fff !important;border:1px solid var(--border) !important;border-radius:10px !important;cursor:pointer !important;text-align:center !important;gap:6px !important;}
#beh-app .beh-cl-strip-ring-wrap{position:relative !important;width:46px !important;height:46px !important;flex-shrink:0 !important;}
#beh-app .beh-cl-strip-pct{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;font-size:10px !important;font-weight:800 !important;}
#beh-app .beh-cl-strip-label{font-size:11px !important;font-weight:700 !important;line-height:1.3 !important;}
#beh-app .beh-cl-strip-sub{font-size:11px !important;color:var(--muted) !important;}

/* ── Hub cumulative savings banner ──────────────────────────────────────────*/
#beh-app #beh-hub-savings{margin:0 0 16px !important;}
#beh-app .beh-hub-savings-bar{
    background:linear-gradient(135deg,#052e16,#14532d) !important;
    border-radius:12px !important;
    display:flex !important;align-items:center !important;gap:16px !important;
    padding:16px 20px !important;
}
#beh-app .beh-hub-savings-icon{
    flex-shrink:0 !important;
    width:44px !important;height:44px !important;
    background:rgba(255,255,255,.1) !important;
    border-radius:50% !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    color:#86efac !important;
}
#beh-app .beh-hub-savings-text{flex:1 !important;}
#beh-app .beh-hub-savings-eyebrow{font-size:10px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(187,247,208,.65) !important;margin-bottom:2px !important;}
#beh-app .beh-hub-savings-amount{font-size:22px !important;font-weight:900 !important;color:#fff !important;letter-spacing:-.02em !important;line-height:1.1 !important;}
#beh-app .beh-hub-savings-sub{font-size:12px !important;color:rgba(187,247,208,.6) !important;margin-top:2px !important;}

#beh-app .beh-cl-sub{display:block !important;padding:0 18px !important}
#beh-app .beh-cl-sub-label{display:flex !important;align-items:center !important;gap:8px !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.08em !important;color:var(--muted) !important;padding:14px 0 6px !important}
#beh-app .beh-cl-sub-label::after{content:'' !important;flex:1 !important;height:1px !important;background:var(--border) !important;display:block !important}

/* Item layout — force flex, defeat any parent grid */
#beh-app .beh-cl-item{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:14px !important;padding:12px 0 !important;border-bottom:1px solid var(--bg) !important;position:relative !important;flex-wrap:nowrap !important}
#beh-app .beh-cl-item.is-note{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:6px !important}
#beh-app .beh-cl-item.is-checked{background:linear-gradient(90deg,rgba(22,163,74,.04),transparent) !important}

/* Note items — ensure label stacks above textarea */
#beh-app .beh-cl-note-label{display:block !important;width:100% !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.06em !important;color:var(--muted) !important;margin-bottom:4px !important;float:none !important;max-width:none !important}
#beh-app .beh-cl-note-input{display:block !important;width:100% !important;border:1px solid var(--border) !important;border-radius:6px !important;padding:9px 12px !important;font-size:13px !important;font-family:inherit !important;resize:vertical !important;min-height:56px !important;background:#fff !important;transition:border-color .15s !important;float:none !important;margin:0 !important}

/* Checkbox wrapper — must not show as a visible box */
#beh-app .beh-cl-cb-wrap{display:flex !important;align-items:center !important;flex-shrink:0 !important;width:20px !important;height:20px !important;margin-top:1px !important;background:none !important;border:none !important;padding:0 !important}
#beh-app .beh-cl-cb{display:none !important;width:0 !important;height:0 !important;opacity:0 !important;position:absolute !important}

/* Ensure the hidden real checkbox never shows */
#beh-app .beh-cl-cb{
    display:none !important;position:absolute !important;
    width:0 !important;height:0 !important;opacity:0 !important;
}
/* Override ALL old :checked CSS sibling rules that were causing the visual ghost */
#beh-app .beh-cl-cb:checked ~ 

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.1.4 HUB HEADER PADDING FIX                                        */
/* ══════════════════════════════════════════════════════════════════════ */
#beh-app{
    padding:24px !important;
    background:#fff !important;
    border-radius:8px !important;
    box-shadow:0 1px 4px rgba(0,0,0,.06) !important;
}
#beh-app .beh-hub-header{
    padding-bottom:20px !important;
    margin-bottom:20px !important;
    border-bottom:1px solid var(--border) !important;
}
#beh-app .beh-hub-title{
    font-size:26px !important;
    font-weight:900 !important;
    letter-spacing:-.03em !important;
    line-height:1.1 !important;
}
#beh-app .beh-hub-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}
/* Tighten buttons slightly on hub */
#beh-app .beh-hub-actions .beh-btn{
    font-size:12px !important;
    padding:8px 14px !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* EVENT CARDS — full premium rewrite v1.1.5                             */
/* ══════════════════════════════════════════════════════════════════════ */
#beh-app .beh-events-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:16px !important;
    padding:0 !important;
}
#beh-app .beh-event-card{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    padding:0 !important;
    cursor:pointer !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    transition:box-shadow .18s ease,transform .14s ease !important;
    position:relative !important;
}
#beh-app .beh-event-card::before{
    content:'' !important;
    display:block !important;
    height:3px !important;
    background:var(--primary) !important;
    width:100% !important;
}
#beh-app .beh-event-card.is-past::before{background:#94a3b8 !important}
#beh-app .beh-event-card:hover{
    box-shadow:0 8px 24px rgba(0,0,0,.1) !important;
    transform:translateY(-2px) !important;
}
/* Top section */
#beh-app .beh-ec-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:18px 18px 10px !important;
}
#beh-app .beh-ec-title{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    color:var(--text) !important;
    line-height:1.3 !important;
    flex:1 !important;
    min-width:0 !important;
}
/* Status badge */
#beh-app .beh-ec-badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    font-size:10px !important;
    font-weight:700 !important;
    padding:3px 8px !important;
    border-radius:20px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
    letter-spacing:.02em !important;
}
#beh-app .beh-ec-badge-green{
    background:#dcfce7 !important;color:#15803d !important;
}
#beh-app .beh-ec-badge-amber{
    background:#fef9c3 !important;color:#92400e !important;
}
/* Meta rows */
#beh-app .beh-ec-meta{
    padding:0 18px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}
#beh-app .beh-ec-meta-row{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    font-size:12px !important;
    color:var(--muted) !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-ec-meta-row svg{
    flex-shrink:0 !important;
    opacity:.6 !important;
}
#beh-app .beh-ec-days{
    margin-left:auto !important;
    font-size:10px !important;
    font-weight:700 !important;
    background:var(--primary-light) !important;
    color:var(--primary) !important;
    padding:1px 7px !important;
    border-radius:10px !important;
}
#beh-app .beh-ec-days-past{
    background:#f1f5f9 !important;
    color:#94a3b8 !important;
}
#beh-app .beh-ec-postcode{
    font-size:10px !important;
    font-weight:700 !important;
    background:#f1f5f9 !important;
    color:var(--muted) !important;
    padding:1px 6px !important;
    border-radius:4px !important;
    margin-left:2px !important;
    letter-spacing:.05em !important;
}
/* Footer */
#beh-app .beh-ec-footer{
    margin-top:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:12px 18px !important;
    border-top:1px solid var(--border) !important;
    background:#fafbfc !important;
    gap:10px !important;
}
/* Compliance ring */
#beh-app .beh-ec-compliance{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
#beh-app .beh-ec-ring-wrap{
    position:relative !important;
    width:36px !important;
    height:36px !important;
    flex-shrink:0 !important;
}
#beh-app .beh-ec-ring-pct{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:9px !important;
    font-weight:800 !important;
    color:var(--text) !important;
    letter-spacing:-.02em !important;
}
#beh-app .beh-ec-compliance-label{
    font-size:11px !important;
    color:var(--muted) !important;
    font-weight:600 !important;
}
/* Collaborator avatars */
#beh-app .beh-ec-collabs{
    display:flex !important;
    align-items:center !important;
    flex-direction:row-reverse !important;
}
#beh-app .beh-ec-collab-av{
    width:26px !important;
    height:26px !important;
    border-radius:50% !important;
    border:2px solid #fff !important;
    background:var(--primary) !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:700 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    margin-left:-6px !important;
}
#beh-app .beh-ec-collab-av img{
    width:100% !important;height:100% !important;object-fit:cover !important;
}
#beh-app .beh-ec-collab-more{
    background:#e2e8f0 !important;
    color:#64748b !important;
    font-size:8px !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* MODAL & BUTTON OVERRIDE — beat BuddyBoss with !important everywhere   */
/* ══════════════════════════════════════════════════════════════════════ */

/* Modal overlay — fixed, outside #beh-app, needs own strong selectors */
.beh-modal-overlay{
    position:fixed !important;inset:0 !important;
    background:rgba(15,23,42,.55) !important;
    backdrop-filter:blur(4px) !important;
    z-index:999999 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
}
.beh-modal-overlay.open{display:flex !important}
.beh-modal{
    background:#fff !important;
    border-radius:16px !important;
    width:100% !important;
    max-width:600px !important;
    max-height:90vh !important;
    display:flex !important;
    flex-direction:column !important;
    box-shadow:0 32px 80px rgba(0,0,0,.2) !important;
    overflow:hidden !important;
}
.beh-modal-wide{max-width:820px !important}
.beh-modal-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:22px 28px !important;
    border-bottom:1px solid #e2e8f0 !important;
    flex-shrink:0 !important;
    background:#fff !important;
}
.beh-modal-title{
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    color:#0f172a !important;
    line-height:1.2 !important;
}
.beh-modal-close{
    background:none !important;
    border:none !important;
    font-size:18px !important;
    cursor:pointer !important;
    color:#94a3b8 !important;
    line-height:1 !important;
    padding:4px 6px !important;
    border-radius:6px !important;
    transition:all .12s !important;
    width:30px !important;height:30px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
}
.beh-modal-close:hover{background:#f1f5f9 !important;color:#0f172a !important}
.beh-modal-body{
    padding:28px !important;
    overflow-y:auto !important;
    flex:1 !important;
    background:#fff !important;
}
.beh-modal-footer{
    padding:18px 28px !important;
    border-top:1px solid #e2e8f0 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    flex-shrink:0 !important;
    background:#fafbfc !important;
}
/* Form elements inside modals */
.beh-modal .beh-label,
.beh-modal label{
    display:block !important;
    font-size:12px !important;
    font-weight:700 !important;
    color:#374151 !important;
    margin-bottom:5px !important;
    letter-spacing:.01em !important;
}
.beh-modal input[type=text],
.beh-modal input[type=date],
.beh-modal input[type=email],
.beh-modal input[type=number],
.beh-modal select,
.beh-modal textarea,
.beh-modal .beh-input,
.beh-modal .beh-input-prominent{
    width:100% !important;
    border:1.5px solid #e2e8f0 !important;
    border-radius:7px !important;
    padding:10px 13px !important;
    font-size:13px !important;
    font-family:inherit !important;
    color:#0f172a !important;
    background:#f8fafc !important;
    transition:border-color .15s,box-shadow .15s !important;
    box-sizing:border-box !important;
    outline:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}
.beh-modal input:focus,
.beh-modal select:focus,
.beh-modal textarea:focus,
.beh-modal .beh-input:focus{
    border-color:var(--primary,#1E73BE) !important;
    box-shadow:0 0 0 3px rgba(30,115,190,.12) !important;
    background:#fff !important;
}
.beh-modal .beh-form-row{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    margin-bottom:14px !important;
}
.beh-modal .beh-form-group{margin-bottom:16px !important}

/* ── ALL BUTTONS — nuclear !important override ───────────────────────── */
#beh-app .beh-btn,
.beh-modal .beh-btn,
.beh-modal-footer .beh-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:9px 18px !important;
    border-radius:7px !important;
    font-size:13px !important;
    font-weight:700 !important;
    border:1.5px solid transparent !important;
    cursor:pointer !important;
    transition:all .15s ease !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    letter-spacing:-.01em !important;
    box-sizing:border-box !important;
    outline:none !important;
}
#beh-app .beh-btn-sm,.beh-modal .beh-btn-sm{padding:6px 12px !important;font-size:11px !important;border-radius:5px !important}
#beh-app .beh-btn-primary,.beh-modal .beh-btn-primary{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important}
#beh-app .beh-btn-primary:hover,.beh-modal .beh-btn-primary:hover{filter:brightness(1.08) !important;color:#fff !important}
#beh-app .beh-btn-ghost,.beh-modal .beh-btn-ghost{background:transparent !important;color:#374151 !important;border-color:#e2e8f0 !important}
#beh-app .beh-btn-ghost:hover,.beh-modal .beh-btn-ghost:hover{background:#f8fafc !important}
#beh-app .beh-btn-green,.beh-modal .beh-btn-green{background:#16a34a !important;color:#fff !important;border-color:#16a34a !important}
#beh-app .beh-btn-green:hover,.beh-modal .beh-btn-green:hover{background:#15803d !important;color:#fff !important}
#beh-app .beh-btn-red,.beh-modal .beh-btn-red{background:#dc2626 !important;color:#fff !important;border-color:#dc2626 !important}
#beh-app .beh-btn-insurance{
    background:linear-gradient(135deg,#16a34a,#15803d) !important;
    color:#fff !important;border:none !important;
    box-shadow:0 2px 10px rgba(22,163,74,.35) !important;
}
#beh-app .beh-btn-insurance:hover{
    background:linear-gradient(135deg,#15803d,#166534) !important;
    box-shadow:0 4px 16px rgba(22,163,74,.45) !important;
    transform:translateY(-1px) !important;color:#fff !important;
}

/* ── LIBRARY VIEW ─────────────────────────────────────────────────────── */
#beh-app #beh-view-library{
    padding: 0 !important;
}
#beh-app .beh-hub-header + .beh-lib-tabs{
    margin-top: 4px !important;
}
#beh-app #beh-library-content{
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    margin-top: 4px !important;
}
#beh-app .beh-lib-tabs{
    display:flex !important;
    gap:6px !important;
    margin-bottom:22px !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-lib-tab{
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 16px !important;
    border:1.5px solid #e2e8f0 !important;
    border-radius:20px !important;
    font-size:12px !important;
    font-weight:700 !important;
    color:#64748b !important;
    cursor:pointer !important;
    background:#fff !important;
    transition:all .15s !important;
    letter-spacing:.01em !important;
}
#beh-app .beh-lib-tab:hover{border-color:var(--primary) !important;color:var(--primary) !important}
#beh-app .beh-lib-tab.active{background:var(--primary) !important;color:#fff !important;border-color:var(--primary) !important}

/* Insurance modal specifics */
.beh-insurance-modal-hero{
    display:flex !important;align-items:center !important;gap:18px !important;
    background:linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
    border:1px solid #bbf7d0 !important;border-radius:10px !important;
    padding:20px !important;margin-bottom:22px !important;
}
.beh-insurance-point{display:flex !important;gap:14px !important;align-items:flex-start !important;margin-bottom:14px !important}
.beh-insurance-point-icon{
    width:34px !important;height:34px !important;border-radius:9px !important;
    background:#f0fdf4 !important;border:1px solid #bbf7d0 !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    color:#16a34a !important;flex-shrink:0 !important;
}
.beh-insurance-point-title{font-size:13px !important;font-weight:700 !important;color:#0f172a !important;margin-bottom:3px !important}
.beh-insurance-point-desc{font-size:12px !important;color:#64748b !important;line-height:1.5 !important}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.1.8 — NEW ITEM TYPES: TOGGLE, TEXTAREA, AUTO-TIMESTAMP, SUB-TAGS  */
/* ══════════════════════════════════════════════════════════════════════ */

/* Subsection label tag (e.g. contact level, under-18 note) */
#beh-app .beh-cl-sub-label{
    display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;
}
#beh-app .beh-cl-sub-tag{
    display:inline-flex !important;
    font-size:9px !important;font-weight:700 !important;letter-spacing:.04em !important;
    text-transform:uppercase !important;
    padding:2px 8px !important;border-radius:10px !important;
    background:color-mix(in srgb,var(--primary) 10%,transparent) !important;
    color:var(--primary) !important;
    border:1px solid color-mix(in srgb,var(--primary) 25%,transparent) !important;
}
#beh-app .beh-cl-sub-tag-amber{
    background:#fef9c3 !important;color:#92400e !important;border-color:#fde68a !important;
}

/* text_input inside items */
#beh-app .beh-cl-text-input{
    width:100% !important;
    border:1.5px solid var(--border) !important;
    border-radius:7px !important;
    padding:9px 13px !important;
    font-size:13px !important;
    font-family:inherit !important;
    color:var(--text) !important;
    background:#f8fafc !important;
    transition:border-color .15s,box-shadow .15s !important;
    box-sizing:border-box !important;
    outline:none !important;
    resize:vertical !important;
    min-height:38px !important;
    display:block !important;
}
#beh-app .beh-cl-text-input:focus{
    border-color:var(--primary) !important;
    box-shadow:0 0 0 3px rgba(30,115,190,.1) !important;
    background:#fff !important;
}
#beh-app textarea.beh-cl-text-input{min-height:72px !important}

/* Auto-timestamp display */
#beh-app .beh-cl-auto-timestamp{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:12px !important;
    color:var(--muted) !important;
    font-style:italic !important;
    padding:6px 0 !important;
}
#beh-app .beh-cl-auto-timestamp svg{color:var(--green) !important;flex-shrink:0 !important}

/* Under-18s toggle row */
#beh-app .beh-cl-u18-toggle{
    background:linear-gradient(90deg,
        color-mix(in srgb,var(--amber) 6%,transparent),
        transparent 50%) !important;
    border-radius:8px !important;
    padding:12px 16px !important;
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    border:1px solid color-mix(in srgb,var(--amber) 20%,transparent) !important;
    margin:4px 0 !important;
}
#beh-app .beh-cl-u18-label{
    font-size:13px !important;font-weight:700 !important;color:var(--text) !important;flex:1 !important;
}
#beh-app .beh-cl-toggle-wrap{
    display:flex !important;align-items:center !important;gap:10px !important;flex-shrink:0 !important;
}
#beh-app .beh-cl-toggle{
    width:44px !important;height:24px !important;
    border-radius:12px !important;
    background:#e2e8f0 !important;
    border:none !important;cursor:pointer !important;
    position:relative !important;
    transition:background .2s ease !important;
    padding:0 !important;flex-shrink:0 !important;
}
#beh-app .beh-cl-toggle.is-on{background:var(--green) !important;}
#beh-app .beh-cl-toggle-thumb{
    position:absolute !important;
    top:3px !important;left:3px !important;
    width:18px !important;height:18px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 1px 3px rgba(0,0,0,.2) !important;
    transition:transform .2s cubic-bezier(.34,1.56,.64,1) !important;
    display:block !important;
}
#beh-app .beh-cl-toggle.is-on .beh-cl-toggle-thumb{
    transform:translateX(20px) !important;
}
#beh-app .beh-cl-toggle-label{
    font-size:12px !important;font-weight:600 !important;color:var(--muted) !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.1.9 FIXES — checkbox spacing, item row background                 */
/* ══════════════════════════════════════════════════════════════════════ */

/* Give items a clean white background so the checkbox doesn't inherit
   any coloured parent padding; add gentle internal padding */
#beh-app .beh-cl-sub .beh-cl-item{
    background:#fff !important;
    border-radius:7px !important;
    padding:12px 14px !important;
    margin:0 0 2px !important;
    gap:14px !important;
}
#beh-app .beh-cl-sub .beh-cl-item:hover{
    background:#f8fafc !important;
}
/* checked row: subtle left accent instead of full background wash */
#beh-app .beh-cl-item.is-checked{
    background:#f0f9ff !important;
    border-left:3px solid var(--primary) !important;
    padding-left:11px !important; /* compensate for the border */
}
#beh-app .beh-cl-item.just-updated{
    background:color-mix(in srgb,var(--primary) 8%,transparent) !important;
}

/* Ensure checkbox UI div itself is always white until checked */

/* Remove any inherited background from wrapper */
#beh-app .beh-cl-cb-wrap{
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    flex-shrink:0 !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* OVERVIEW TAB — full premium layout v1.2.0                             */
/* ══════════════════════════════════════════════════════════════════════ */

/* ── Stat strip ────────────────────────────────────────────────────── */
#beh-app .beh-ov-strip{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
    gap:12px !important;
    margin-bottom:20px !important;
}
#beh-app .beh-ov-stat{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    padding:16px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}
#beh-app .beh-ov-stat-compliance{
    cursor:pointer !important;
    transition:box-shadow .15s,transform .1s !important;
}
#beh-app .beh-ov-stat-compliance:hover{
    box-shadow:0 4px 16px rgba(0,0,0,.08) !important;
    transform:translateY(-1px) !important;
}
#beh-app .beh-ov-stat-icon{
    width:36px !important; height:36px !important;
    border-radius:9px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    flex-shrink:0 !important;
}
#beh-app .beh-ov-stat-val{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    color:var(--text) !important;
    line-height:1.2 !important;
}
#beh-app .beh-ov-stat-sub{
    font-size:11px !important;
    color:var(--muted) !important;
    margin-top:1px !important;
}
#beh-app .beh-ov-stat-label{
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:var(--muted) !important;
    margin-top:3px !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
}
#beh-app .beh-ov-days{
    font-size:9px !important;
    font-weight:700 !important;
    background:color-mix(in srgb,var(--primary) 10%,transparent) !important;
    color:var(--primary) !important;
    padding:1px 6px !important;
    border-radius:8px !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
}
/* Compact ring inside stat strip */
#beh-app .beh-ov-ring-wrap{
    position:relative !important;
    width:42px !important; height:42px !important;
    flex-shrink:0 !important;
}
#beh-app .beh-ov-ring-pct{
    position:absolute !important; inset:0 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    font-size:9px !important; font-weight:800 !important;
    color:var(--text) !important;
}

/* ── Body two-col ──────────────────────────────────────────────────── */
#beh-app .beh-ov-body{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:16px !important;
    align-items:start !important;
}
@media(max-width:640px){
    #beh-app .beh-ov-body{grid-template-columns:1fr !important;}
    #beh-app .beh-ov-strip{grid-template-columns:1fr 1fr !important;}
}

/* ── Event details table-style ─────────────────────────────────────── */
#beh-app .beh-ov-details{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
}
#beh-app .beh-ov-detail-row{
    display:flex !important;
    justify-content:space-between !important;
    align-items:baseline !important;
    gap:12px !important;
    padding:9px 0 !important;
    border-bottom:1px solid var(--border) !important;
    font-size:13px !important;
}
#beh-app .beh-ov-detail-row:last-child{border-bottom:none !important}
#beh-app .beh-ov-detail-label{
    font-weight:700 !important;
    font-size:12px !important;
    color:var(--muted) !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
}
#beh-app .beh-ov-detail-val{
    text-align:right !important;
    color:var(--text) !important;
    word-break:break-word !important;
}

/* ── Compliance card inner ─────────────────────────────────────────── */
#beh-app .beh-ov-compliance-inner{
    display:flex !important;
    align-items:flex-start !important;
    gap:20px !important;
    padding:6px 0 16px !important;
}
#beh-app .beh-ov-compliance-text{flex:1 !important;}
#beh-app .beh-ov-fraction{
    font-size:28px !important;
    font-weight:900 !important;
    color:var(--primary) !important;
    letter-spacing:-.03em !important;
    line-height:1 !important;
    margin-bottom:2px !important;
}
#beh-app .beh-ov-fraction span{
    font-size:16px !important;
    font-weight:500 !important;
    color:var(--muted) !important;
}

/* ── Section mini-bars ─────────────────────────────────────────────── */
#beh-app .beh-ov-sec-bar{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-bottom:5px !important;
}
#beh-app .beh-ov-sec-bar-label{
    font-size:11px !important;
    font-weight:700 !important;
    color:var(--muted) !important;
    width:68px !important;
    flex-shrink:0 !important;
}
#beh-app .beh-ov-sec-bar-track{
    flex:1 !important;
    height:5px !important;
    background:#f1f5f9 !important;
    border-radius:3px !important;
    overflow:hidden !important;
}
#beh-app .beh-ov-sec-bar-fill{
    height:100% !important;
    border-radius:3px !important;
    transition:width .4s cubic-bezier(.4,0,.2,1) !important;
}
#beh-app .beh-ov-sec-bar-pct{
    font-size:10px !important;
    font-weight:700 !important;
    color:var(--muted) !important;
    width:32px !important;
    text-align:right !important;
    flex-shrink:0 !important;
}

/* ── Insurance callout ─────────────────────────────────────────────── */
#beh-app .beh-ov-insurance{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    background:linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
    border:1px solid #bbf7d0 !important;
    border-radius:10px !important;
    padding:14px 16px !important;
}
#beh-app .beh-ov-ins-icon{
    width:36px !important; height:36px !important;
    background:#16a34a !important;
    border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#fff !important; flex-shrink:0 !important;
}
#beh-app .beh-ov-insurance .beh-btn{
    margin-left:auto !important; flex-shrink:0 !important;
    border-color:#16a34a !important; color:#16a34a !important;
}

/* Suppress old beh-grid-4 / beh-stat-card in overview — replaced by beh-ov-strip */
#beh-app #beh-panel-overview .beh-grid-4{display:none !important}
#beh-app #beh-panel-overview .beh-stat-card{display:none !important}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.2.1 — CHECKBOX, SIGNATURE PAD, LICENCE MODAL, ACTIVATE CTA        */
/* ══════════════════════════════════════════════════════════════════════ */

/* Checkbox — bigger, bolder, clearly visible */

/* Debrief section — visually softer, clearly optional */
#beh-app .beh-cl-section-debrief{
    opacity:.85 !important;
}
#beh-app .beh-cl-section-debrief .beh-cl-section-hdr{
    background:linear-gradient(90deg,#f8fafc,transparent) !important;
}
#beh-app .beh-cl-section-debrief::before{
    content:'Post-event only — not required for BMABA insurance' !important;
    display:block !important;
    font-size:11px !important;
    font-weight:600 !important;
    color:#94a3b8 !important;
    padding:8px 18px 4px !important;
    letter-spacing:.01em !important;
}

/* Activate Licence CTA at bottom */
#beh-app .beh-cl-activate-cta{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    background:linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
    border:2px solid #16a34a !important;
    border-radius:12px !important;
    padding:20px 24px !important;
    margin-top:20px !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-cl-activate-icon{
    width:48px !important; height:48px !important;
    background:#16a34a !important;
    border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#fff !important; flex-shrink:0 !important;
    box-shadow:0 4px 16px rgba(22,163,74,.35) !important;
}
#beh-app .beh-cl-activate-cta .beh-btn{
    margin-left:auto !important;
    background:#16a34a !important;
    color:#fff !important;
    border:none !important;
    padding:11px 22px !important;
    font-size:14px !important;
    box-shadow:0 3px 12px rgba(22,163,74,.35) !important;
}
#beh-app .beh-cl-activate-cta .beh-btn:hover{
    background:#15803d !important;
    transform:translateY(-1px) !important;
    box-shadow:0 5px 18px rgba(22,163,74,.4) !important;
}

/* Licence confirm modal */
.beh-licence-confirm-hero{
    display:flex !important; align-items:center !important; gap:16px !important;
    background:linear-gradient(135deg,#f0fdf4,#dcfce7) !important;
    border:1px solid #bbf7d0 !important; border-radius:10px !important;
    padding:18px 20px !important; margin-bottom:20px !important;
}
.beh-licence-confirm-shield{
    width:56px !important; height:56px !important; flex-shrink:0 !important;
    background:#16a34a !important; border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#fff !important; box-shadow:0 4px 16px rgba(22,163,74,.35) !important;
}
.beh-licence-confirm-title{font-size:17px !important;font-weight:900 !important;color:#14532d !important;margin-bottom:3px !important}
.beh-licence-confirm-sub{font-size:13px !important;color:#166534 !important}
.beh-licence-confirm-points{display:flex !important;flex-direction:column !important;gap:10px !important;margin-bottom:18px !important}
.beh-licence-confirm-point{
    display:flex !important; align-items:center !important; gap:10px !important;
    font-size:13px !important; color:#0f172a !important;
}
.beh-licence-confirm-terms{
    font-size:11px !important; color:#64748b !important;
    display:flex !important; flex-direction:row !important; gap:8px !important;
    align-items:flex-start !important;
    padding:12px 14px !important; margin-top:4px !important;
    border-top:1px solid #e2e8f0 !important;
    background:#f8fafc !important; border-radius:0 0 8px 8px !important;
    line-height:1.5 !important;
}
.beh-licence-confirm-terms svg{ flex-shrink:0 !important; margin-top:2px !important; }
.beh-licence-confirm-terms span{ flex:1 !important; }
.beh-licence-confirm-terms a{ color:var(--primary) !important; text-decoration:underline !important; }

/* Signature pad */
#beh-app .beh-cl-sig-wrap{
    flex-direction:column !important;
    align-items:flex-start !important;
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:8px !important;
    padding:14px !important;
}
#beh-app .beh-cl-sig-canvas{
    display:block !important;
    border:2px dashed #cbd5e1 !important;
    border-radius:6px !important;
    background:#f8fafc !important;
    cursor:crosshair !important;
    width:100% !important;
    max-width:380px !important;
    height:120px !important;
    touch-action:none !important;
}
#beh-app .beh-cl-sig-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-top:8px !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}
#beh-app .beh-cl-sig-img{
    display:block !important;
    max-width:200px !important;
    height:60px !important;
    object-fit:contain !important;
    border:1px solid #e2e8f0 !important;
    border-radius:4px !important;
    background:#f8fafc !important;
    margin-bottom:8px !important;
}
#beh-app .beh-cl-sig-done{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.2.2 — padding fix, checkbox colour, organiser picker, sig canvas  */
/* ══════════════════════════════════════════════════════════════════════ */

/* ── Card inner padding fix — ensure beh-card has breathing room ──── */
#beh-app .beh-card{
    padding:20px !important;
}
#beh-app .beh-card-header{
    padding-bottom:14px !important;
    margin-bottom:14px !important;
    border-bottom:1px solid var(--border) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}
/* Overview details panel — full padding inside card */
#beh-app .beh-ov-details{
    padding:0 !important;
}
#beh-app .beh-ov-detail-row{
    padding:10px 4px !important;
}
/* Stat strip cards — more internal space */
#beh-app .beh-ov-stat{
    padding:16px 18px !important;
}

/* ── Checkbox — bold colour, no invisible white tick ─────────────── */
/* Unchecked: visible mid-grey border */

/* Checked: solid primary fill, SVG coloured */

/* Auto-pass: green */

/* Auto-fail: red outline */

/* ── Organiser picker ─────────────────────────────────────────────── */
#beh-app .beh-cl-organiser-wrap{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    align-items:center !important;
    padding-top:6px !important;
}
#beh-app .beh-cl-organiser-wrap .beh-cl-organiser-input{
    margin-top:0 !important;
    flex:1 1 140px !important;
}
#beh-app .beh-cl-organiser-btn{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    white-space:nowrap !important;
}

/* ── Signature canvas — solid clickable border ────────────────────── */
#beh-app .beh-cl-sig-canvas{
    display:block !important;
    border:2px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    cursor:crosshair !important;
    width:100% !important;
    max-width:400px !important;
    height:130px !important;
    touch-action:none !important;
    user-select:none !important;
    -webkit-user-select:none !important;
}
#beh-app .beh-cl-sig-canvas:hover{
    border-color:var(--primary) !important;
    background:#fff !important;
}
#beh-app .beh-cl-sig-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:8px !important;
    padding:14px 16px !important;
    width:100% !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* COMMENT SIDEBAR — v1.2.3                                              */
/* ══════════════════════════════════════════════════════════════════════ */

/* Backdrop */
.beh-csb-backdrop{
    display:none;
    position:fixed;inset:0;
    background:rgba(0,0,0,.35);
    z-index:99998;
    backdrop-filter:blur(2px);
}
.beh-csb-backdrop.open{display:block;}

/* Sidebar panel */
.beh-comment-sidebar{
    position:fixed;
    top:0;right:0;bottom:0;
    width:380px;max-width:92vw;
    background:#fff;
    box-shadow:-4px 0 32px rgba(0,0,0,.14);
    z-index:99999;
    display:flex;
    flex-direction:column;
    transform:translateX(110%);
    transition:transform .28s cubic-bezier(.4,0,.2,1);
    border-left:1px solid #e2e8f0;
}
.beh-comment-sidebar.open{transform:translateX(0);}

/* Header */
.beh-csb-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px 16px;
    border-bottom:1px solid #f1f5f9;
    background:#fff;
    flex-shrink:0;
}
.beh-csb-title-wrap{
    display:flex;align-items:flex-start;gap:10px;
    color:#1e293b;
}
.beh-csb-title-wrap svg{margin-top:2px;flex-shrink:0;stroke:var(--primary);}
.beh-csb-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.2;}
.beh-csb-item-label{font-size:11px;color:#64748b;margin-top:2px;max-width:280px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.beh-csb-close{
    width:32px;height:32px;
    background:transparent;border:none;cursor:pointer;
    color:#94a3b8;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    transition:background .15s,color .15s;flex-shrink:0;
}
.beh-csb-close:hover{background:#f1f5f9;color:#0f172a;}

/* Body scroll area */
.beh-csb-body{
    flex:1;overflow-y:auto;
    padding:16px 20px;
    display:flex;flex-direction:column;
    gap:0;
    scroll-behavior:smooth;
}
.beh-csb-body::-webkit-scrollbar{width:4px;}
.beh-csb-body::-webkit-scrollbar-track{background:transparent;}
.beh-csb-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px;}

/* Empty state */
.beh-csb-empty{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:12px;text-align:center;padding:40px 20px;
    color:#94a3b8;font-size:13px;line-height:1.5;
    flex:1;
}
.beh-csb-empty svg{opacity:.35;}

/* Messages */
.beh-csb-messages{
    display:flex;flex-direction:column;
    gap:14px;
    padding-bottom:8px;
}
.beh-csb-msg{
    display:flex;align-items:flex-end;gap:8px;
    max-width:90%;
}
.beh-csb-msg-mine{
    flex-direction:row-reverse;
    align-self:flex-end;
}
.beh-csb-msg-av{
    width:28px;height:28px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;font-size:10px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;flex-shrink:0;
    margin-bottom:18px; /* align to bubble bottom */
}
.beh-csb-msg-av img{width:100%;height:100%;object-fit:cover;}
.beh-csb-msg-bubble{
    background:#f1f5f9;
    border-radius:14px 14px 14px 2px;
    padding:10px 13px;
    max-width:100%;
    word-break:break-word;
}
.beh-csb-msg-mine .beh-csb-msg-bubble{
    background:var(--primary);
    border-radius:14px 14px 2px 14px;
    color:#fff;
}
.beh-csb-msg-name{
    font-size:11px;font-weight:700;color:#64748b;
    margin-bottom:4px;
}
.beh-csb-msg-text{
    font-size:13px;line-height:1.5;color:#0f172a;
}
.beh-csb-msg-mine .beh-csb-msg-text{color:#fff;}
.beh-csb-msg-time{
    font-size:10px;color:#94a3b8;
    margin-top:5px;
}
.beh-csb-msg-mine .beh-csb-msg-time{color:rgba(255,255,255,.6);}
.beh-csb-del{
    background:none;border:none;cursor:pointer;
    color:inherit;opacity:.6;font-size:10px;padding:0;
    text-decoration:underline;
}
.beh-csb-del:hover{opacity:1;}

/* Composer */
.beh-csb-composer{
    border-top:1px solid #f1f5f9;
    padding:14px 20px 18px;
    background:#fafafa;
    display:flex;gap:10px;align-items:flex-start;
    flex-shrink:0;
}
.beh-csb-composer-av{
    width:32px;height:32px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;font-size:11px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;flex-shrink:0;margin-top:2px;
}
.beh-csb-composer-av img{width:100%;height:100%;object-fit:cover;}
.beh-csb-composer-right{flex:1;display:flex;flex-direction:column;gap:8px;}
.beh-csb-ta{
    width:100%;
    border:1.5px solid #e2e8f0;
    border-radius:10px;
    padding:10px 13px;
    font-size:13px;font-family:inherit;
    resize:none;
    min-height:44px;max-height:180px;
    background:#fff;
    color:#0f172a;
    transition:border-color .15s,box-shadow .15s;
    line-height:1.5;
}
.beh-csb-ta:focus{
    outline:none;
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(30,115,190,.1);
}
.beh-csb-composer-footer{
    display:flex;align-items:center;justify-content:space-between;
}
.beh-csb-hint{font-size:10px;color:#94a3b8;}
#beh-csb-post-btn{
    display:flex !important;align-items:center !important;gap:5px !important;
    padding:7px 14px !important;
}

/* Comment bubble button on checklist items */
#beh-app .beh-cl-comment-btn{
    background:transparent !important;
    border:1.5px solid #e2e8f0 !important;
    border-radius:20px !important;
    padding:4px 8px !important;
    display:inline-flex !important;align-items:center !important;gap:4px !important;
    cursor:pointer !important;
    color:#94a3b8 !important;
    font-size:11px !important;font-weight:600 !important;
    transition:all .15s !important;
    line-height:1 !important;
}
#beh-app .beh-cl-comment-btn:hover{
    border-color:var(--primary) !important;
    color:var(--primary) !important;
    background:#eff6ff !important;
}
#beh-app .beh-cl-comment-btn.has-comments{
    border-color:var(--primary) !important;
    color:var(--primary) !important;
    background:color-mix(in srgb,var(--primary) 8%,transparent) !important;
}
#beh-app .beh-cl-comment-count{
    font-size:10px !important;
    font-weight:700 !important;
}
/* Active item highlight */
#beh-app .beh-cl-item.csb-active{
    outline:2px solid var(--primary) !important;
    outline-offset:1px !important;
    border-radius:7px !important;
}

/* ── Edit event — licence warning banner ─────────────────────────── */
#beh-app .beh-ee-licence-warn{
    display:flex !important;
    gap:10px !important;
    align-items:flex-start !important;
    background:#fffbeb !important;
    border:1px solid #f59e0b !important;
    border-left:4px solid #f59e0b !important;
    border-radius:8px !important;
    padding:12px 14px !important;
    margin-bottom:16px !important;
    font-size:12px !important;
    line-height:1.5 !important;
    color:#92400e !important;
}
#beh-app .beh-ee-licence-warn svg{
    flex-shrink:0 !important;
    margin-top:1px !important;
    stroke:#f59e0b !important;
}

/* ── Create event modal — Category & Contact Level ──────────────────── */
#beh-app .beh-ce-divider{
    font-size:11px !important;
    font-weight:700 !important;
    color:var(--muted) !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    padding:12px 0 4px !important;
    border-top:1px solid var(--border) !important;
    margin-top:4px !important;
}
#beh-app .beh-ce-helper{
    font-size:11px !important;
    color:var(--muted) !important;
    line-height:1.5 !important;
    margin-top:5px !important;
    padding:7px 10px !important;
    background:#f8fafc !important;
    border-radius:6px !important;
    border-left:3px solid var(--border) !important;
    transition:border-color .2s !important;
}
#beh-app .beh-ce-label-tag{
    display:inline-block !important;
    font-size:10px !important;
    font-weight:500 !important;
    color:var(--muted) !important;
    background:#f1f5f9 !important;
    border-radius:4px !important;
    padding:1px 6px !important;
    margin-left:6px !important;
    vertical-align:middle !important;
}
/* Green insurance note — padded */
#beh-app .beh-create-insurance-note{
    display:flex !important;
    gap:10px !important;
    align-items:flex-start !important;
    background:#f0fdf4 !important;
    border:1px solid #bbf7d0 !important;
    border-radius:8px !important;
    padding:14px 16px !important;
    margin-top:14px !important;
    font-size:12px !important;
    color:#15803d !important;
    line-height:1.5 !important;
}
#beh-app .beh-create-insurance-note svg{ stroke:#16a34a !important; }
/* Amber licence warning */
#beh-app .beh-create-licence-warn{
    display:flex !important;
    gap:8px !important;
    align-items:flex-start !important;
    background:#fffbeb !important;
    border:1px solid #fde68a !important;
    border-radius:8px !important;
    padding:12px 14px !important;
    margin-top:8px !important;
    font-size:11px !important;
    color:#92400e !important;
    line-height:1.5 !important;
}
#beh-app .beh-create-licence-warn svg{ stroke:#d97706 !important; }

/* ── Guest Instructors compliance section ───────────────────────────── */
#beh-app .beh-cl-section-guests{
    border-color:var(--primary) !important;
    border-left:3px solid var(--primary) !important;
}
#beh-app .beh-gi-intro{
    font-size:12px !important;
    color:var(--muted) !important;
    line-height:1.6 !important;
    margin-bottom:14px !important;
    padding:10px 12px !important;
    background:#f8fafc !important;
    border-radius:6px !important;
}
#beh-app .beh-gi-card{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:10px !important;
    padding:14px 16px !important;
    margin-bottom:10px !important;
    box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
}
#beh-app .beh-gi-hdr{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-bottom:12px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid var(--border) !important;
}
#beh-app .beh-gi-hdr svg{ stroke:var(--primary); flex-shrink:0; }
#beh-app .beh-gi-name{
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--dark) !important;
    flex:1 !important;
}
#beh-app .beh-gi-checks-summary{ margin-left:auto !important; margin-right:6px !important; }
#beh-app .beh-gi-remove{
    color:var(--muted) !important;
    padding:4px 6px !important;
    opacity:.6 !important;
    transition:opacity .15s !important;
}
#beh-app .beh-gi-remove:hover{ opacity:1 !important; color:var(--red) !important; }
#beh-app .beh-gi-check-row{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:10px 0 !important;
    cursor:pointer !important;
    border-bottom:1px solid #f1f5f9 !important;
    transition:background .12s !important;
}
#beh-app .beh-gi-check-row:hover{
    background:rgba(248,250,252,0.7) !important;
    border-radius:6px !important;
    padding-left:4px !important;
    padding-right:4px !important;
}
#beh-app .beh-gi-check-row:last-child{ border-bottom:none !important; }
#beh-app .beh-gi-check-text{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    flex:1 !important;
    min-width:0 !important;
}
#beh-app .beh-gi-check-label{
    font-size:13px !important;
    font-weight:600 !important;
    color:var(--dark) !important;
    line-height:1.4 !important;
    transition:color .15s !important;
}
#beh-app .beh-gi-check-label.done{
    color:var(--muted) !important;
    text-decoration:line-through !important;
    text-decoration-color:#94a3b8 !important;
}
#beh-app .beh-gi-check-detail{
    font-size:11.5px !important;
    color:var(--muted) !important;
    line-height:1.5 !important;
    transition:color .15s !important;
}
#beh-app .beh-gi-check-row:hover .beh-gi-check-detail,
#beh-app .beh-gi-check-row:hover .beh-gi-check-label{
    color:var(--dark) !important;
}
#beh-app .beh-gi-add-wrap{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
    margin-top:14px !important;
    padding-top:14px !important;
    border-top:1px dashed var(--border) !important;
}
#beh-app .beh-gi-name-input{
    flex:1 !important;
    font-size:13px !important;
}

/* ── Edit Event modal — section dividers & helpers ──────────────────── */
#beh-app .beh-ee-section-label{
    font-size:10px !important;
    font-weight:700 !important;
    color:var(--muted) !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    padding:14px 0 6px !important;
    border-top:1px solid var(--border) !important;
    margin-top:6px !important;
}
#beh-app .beh-ee-section-label:first-of-type{
    border-top:none !important;
    padding-top:4px !important;
    margin-top:0 !important;
}
#beh-app .beh-ee-opt{
    font-size:10px !important;
    font-weight:400 !important;
    color:var(--muted) !important;
    margin-left:4px !important;
}
#beh-app .beh-ee-warn-tag{
    display:inline-block !important;
    font-size:10px !important;
    font-weight:600 !important;
    color:#b45309 !important;
    background:#fef3c7 !important;
    border-radius:4px !important;
    padding:1px 6px !important;
    margin-left:6px !important;
    vertical-align:middle !important;
}
#beh-app .beh-input-locked{
    background:#f8fafc !important;
    color:#94a3b8 !important;
    cursor:not-allowed !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:13px !important;
    padding:8px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:6px !important;
}
#beh-app .beh-input-locked svg{ stroke:#94a3b8 !important; flex-shrink:0 !important; }

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.2.9 — CHECKBOX FINAL FIX, ITEM SPACING, GUEST INSTRUCTOR CHECKS   */
/* ══════════════════════════════════════════════════════════════════════ */

/* ── Unchecked checkbox: white bg, clear visible border, NO tick ──── */

/* SVG tick hidden by default — only shows when checked */

/* Checked state */

/* Auto-pass (green) */

/* Auto-fail (red border, no fill) */

/* Hover on interactive checkboxes */

/* ── Checklist items — square, more breathing room ────────────────── */
#beh-app .beh-cl-sub .beh-cl-item{
    background:transparent !important;
    border-radius:0 !important;
    padding:14px 0 !important;
    margin:0 !important;
    gap:14px !important;
    border-bottom:1px solid #f1f5f9 !important;
}
#beh-app .beh-cl-sub .beh-cl-item:last-child{
    border-bottom:none !important;
}
#beh-app .beh-cl-sub .beh-cl-item:hover{
    background:#fafbfd !important;
}
/* Checked row: just a left accent line, no box, no fill */
#beh-app .beh-cl-item.is-checked{
    background:transparent !important;
    border-left:none !important;
    padding-left:0 !important;
}
#beh-app .beh-cl-item.is-checked .beh-cl-item-label{
    color:#64748b !important;
}

/* ── Guest instructor check rows — match main checklist style ──────── */
#beh-app .beh-gi-check-row{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px 0 !important;
    cursor:pointer !important;
    border-bottom:1px solid #f1f5f9 !important;
    user-select:none !important;
}
#beh-app .beh-gi-check-row:last-child{ border-bottom:none !important; }
#beh-app .beh-gi-check-row:hover .beh-cl-cb-ui:not(.is-checked){
    border-color:var(--primary) !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.3.0 — VENUE PICKER, CHECKED ROW ACCENT, NO-VENUES STATE           */
/* ══════════════════════════════════════════════════════════════════════ */

/* Checked row — subtle left accent restored */
#beh-app .beh-cl-sub .beh-cl-item.is-checked{
    border-left:3px solid rgba(30,115,190,.35) !important;
    padding-left:11px !important;
    background:rgba(30,115,190,.025) !important;
}
#beh-app .beh-cl-item.is-checked .beh-cl-item-label{
    color:#374151 !important;
}

/* No-venues helper text in create/edit modals */
#beh-app .beh-ce-no-venues{
    font-size:12px !important;
    color:#64748b !important;
    padding:10px 12px !important;
    background:#fffbeb !important;
    border:1px solid #fde68a !important;
    border-radius:6px !important;
    line-height:1.6 !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.3.2 — ACTIVATE LICENCE BUTTON, READONLY TAG, CHECKBOX BRIGHTNESS  */
/* ══════════════════════════════════════════════════════════════════════ */

/* Hub card — Activate Licence button replacing Unlicenced badge */
#beh-app .beh-ec-badge-activate{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:3px 10px !important;
    font-size:11px !important;
    font-weight:700 !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,#16a34a,#15803d) !important;
    color:#fff !important;
    border:none !important;
    cursor:pointer !important;
    letter-spacing:.03em !important;
    white-space:nowrap !important;
    transition:opacity .15s,transform .1s !important;
    line-height:1.4 !important;
}
#beh-app .beh-ec-badge-activate:hover{
    opacity:.9 !important;
    transform:scale(1.03) !important;
}

/* Event topbar — Activate Licence badge button */
#beh-app .beh-badge-activate{
    display:inline-flex !important;
    align-items:center !important;
    padding:4px 12px !important;
    font-size:11px !important;
    font-weight:700 !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,#16a34a,#15803d) !important;
    color:#fff !important;
    border:none !important;
    cursor:pointer !important;
    letter-spacing:.03em !important;
    transition:opacity .15s !important;
    vertical-align:middle !important;
}
#beh-app .beh-badge-activate:hover{ opacity:.88 !important; }

/* Non-owner read-only label in Event Details card header */
#beh-app .beh-ov-readonly-tag{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:11px !important;
    color:#94a3b8 !important;
    font-style:italic !important;
}

/* ── CHECKBOX — DEFINITIVE INLINE-OVERRIDE FALLBACK ─────────────────── */
/* These exist as a secondary safety net; inline styles on the element   */
/* itself are now the primary approach (set in beh-app.js).              */

/* Checked row — left accent + subtle background */
#beh-app .beh-cl-sub .beh-cl-item.is-checked{
    border-left:3px solid rgba(30,115,190,.4) !important;
    padding-left:11px !important;
    background:rgba(30,115,190,.04) !important;
}

/* ══════════════════════════════════════════════════════════════════════ */
/* v1.4.0 — KEY PEOPLE SECTION (compact 4-column)                       */
/* ══════════════════════════════════════════════════════════════════════ */

#beh-app .beh-kp-section{
    margin:0 0 20px;
    border:1px solid var(--border);
    border-radius:8px;
    background:#fff;
    overflow:hidden;
}
#beh-app .beh-kp-header{
    display:flex;flex-direction:column;gap:3px;
    padding:12px 16px 10px;
    background:linear-gradient(90deg,#f8fafc,#f1f5f9);
    border-bottom:2px solid var(--primary);
}
#beh-app .beh-kp-header-title{
    display:flex;align-items:center;gap:6px;
    font-size:12px;font-weight:800;color:var(--text);
    text-transform:uppercase;letter-spacing:.05em;
}
#beh-app .beh-kp-header-sub{
    font-size:11px;color:var(--muted);line-height:1.4;
}

/* 4-column grid */
#beh-app .beh-kp-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
}
@media(max-width:700px){
    #beh-app .beh-kp-grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:420px){
    #beh-app .beh-kp-grid{ grid-template-columns:1fr; }
}

/* Individual card */
#beh-app .beh-kp-card{
    padding:12px 14px;
    border-right:1px solid var(--border);
    min-height:120px;
    display:flex;flex-direction:column;gap:8px;
}
#beh-app .beh-kp-card:last-child{ border-right:none; }

/* Card top row */
#beh-app .beh-kp-card-top{
    display:flex;align-items:flex-start;gap:6px;
    flex-wrap:wrap;
}
#beh-app .beh-kp-card-icon{
    width:24px;height:24px;border-radius:5px;
    background:var(--primary-light);color:var(--primary);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
}
#beh-app .beh-kp-card-label{
    font-size:11.5px;font-weight:700;color:var(--text);
    flex:1;min-width:0;line-height:1.3;padding-top:3px;
}

/* Status tags */
#beh-app .beh-kp-tag{
    font-size:9.5px;font-weight:700;
    padding:1px 7px;border-radius:20px;white-space:nowrap;
}
#beh-app .beh-kp-tag-ok   { background:#dcfce7;color:#16a34a; }
#beh-app .beh-kp-tag-req  { background:#fee2e2;color:#dc2626; }
#beh-app .beh-kp-tag-opt  { background:#f1f5f9;color:#64748b; }
#beh-app .beh-kp-tag-ext  { background:#fef3c7;color:#d97706; }
#beh-app .beh-kp-tag-warn { background:#fff7ed;color:#c2410c; }
#beh-app .beh-kp-tag-na   { background:#f1f5f9;color:#94a3b8; }

/* Person row */
#beh-app .beh-kp-person{
    display:flex;align-items:center;gap:7px;
}
#beh-app .beh-kp-av{
    width:28px;height:28px;border-radius:50%;
    object-fit:cover;flex-shrink:0;
    border:1.5px solid var(--border);
}
#beh-app .beh-kp-av-placeholder{
    width:28px;height:28px;border-radius:50%;
    background:#f1f5f9;color:#94a3b8;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
}
#beh-app .beh-kp-pname{
    font-size:12px;font-weight:700;color:var(--text);
    display:flex;flex-direction:column;gap:1px;
    min-width:0;
}
#beh-app .beh-kp-psub{
    font-size:10px;font-weight:400;color:var(--muted);
}

/* Verification dots */
#beh-app .beh-kp-vdots{
    display:flex;flex-wrap:wrap;gap:3px;
}
#beh-app .beh-kp-vdot{
    font-size:9.5px;font-weight:600;
    padding:1px 6px;border-radius:10px;
}
#beh-app .beh-kp-vdot-ok  { background:#dcfce7;color:#16a34a; }
#beh-app .beh-kp-vdot-fail{ background:#fee2e2;color:#dc2626; }

/* Compact notices */
#beh-app .beh-kp-notice-compact{
    font-size:10px;line-height:1.35;
    padding:5px 7px;border-radius:4px;margin-top:2px;
}
#beh-app .beh-kp-notice-amber{ background:#fef3c7;color:#92400e; }
#beh-app .beh-kp-notice-blue { background:#eff6ff;color:#1e40af; }

/* Change / assign buttons */
#beh-app .beh-kp-change-btn{
    margin-top:auto;
    font-size:10.5px;font-weight:600;
    color:var(--muted);background:none;border:1px solid var(--border);
    border-radius:4px;padding:3px 10px;cursor:pointer;
    transition:all .12s;align-self:flex-start;
}
#beh-app .beh-kp-change-btn:hover{ color:var(--primary);border-color:var(--primary); }

/* N/A state */
#beh-app .beh-kp-na-state{
    font-size:11px;color:#94a3b8;font-style:italic;
}

/* Compact member picker */
#beh-app .beh-kp-picker{
    display:flex;flex-wrap:wrap;gap:4px;
}
#beh-app .beh-kp-pick-btn{
    display:inline-flex;align-items:center;gap:4px;
    padding:4px 8px;border-radius:14px;
    border:1px solid var(--border);background:#fff;
    font-size:11px;font-weight:600;cursor:pointer;color:var(--text);
    transition:all .12s;
}
#beh-app .beh-kp-pick-btn:hover{
    border-color:var(--primary);color:var(--primary);background:var(--primary-light);
}
#beh-app .beh-kp-pick-btn img{
    width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;
}
#beh-app .beh-kp-pick-ext{
    background:#fef9c3;border-color:#fde68a;color:#92400e;
}
#beh-app .beh-kp-pick-ext:hover{
    background:#fef3c7;border-color:#f59e0b;color:#78350f;
}
#beh-app .beh-kp-no-mem{
    font-size:11px;color:var(--muted);
}
#beh-app .beh-kp-no-mem a{ color:var(--primary); }
#beh-app .beh-kp-nonbmaba-wrap{ width:100%; }

/* Amber button variant */
#beh-app .beh-btn-amber{
    background:#f59e0b;color:#fff;border-color:#f59e0b;
}
#beh-app .beh-btn-amber:hover{background:#d97706;border-color:#d97706;}

/* ── Participant total bar (edit + create forms) ── */
#beh-app .beh-ee-total-bar{
    display:flex;align-items:center;gap:5px;
    padding:8px 12px;border-radius:5px;
    background:#f8fafc;border:1px solid var(--border);
    font-size:12px;margin-top:4px;margin-bottom:2px;
}
#beh-app .beh-ee-total-label{color:var(--muted);font-weight:600;}
#beh-app .beh-ee-total-val{font-size:15px;font-weight:800;line-height:1;}
#beh-app .beh-ee-total-cap{color:var(--muted);}
#beh-app .beh-ee-total-warn{color:#dc2626;font-weight:700;}

/* ── COMPLIANCE TAB — Download bar ─────────────────────────────────────── */
#beh-app .beh-cl-download-bar{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    padding:14px 18px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    margin-top:16px !important;
}
#beh-app .beh-cl-download-label{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    font-size:12px !important;
    font-weight:700 !important;
    color:var(--slate) !important;
    margin-right:4px !important;
}
#beh-app .beh-cl-download-btns{
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

/* ── Edit Event modal — form rows must stack cleanly ────────────────────── */
#beh-app .beh-modal .beh-form-row,
.beh-modal .beh-form-row{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    margin-bottom:14px !important;
    grid-template-columns:unset !important;
}
#beh-app .beh-modal .beh-form-row label,
.beh-modal .beh-form-row label{
    font-size:12px !important;
    font-weight:700 !important;
    color:var(--slate) !important;
    margin-bottom:2px !important;
}
/* Tighten the grid cells inside modals */
.beh-modal .beh-grid-2 > .beh-form-row,
.beh-modal .beh-grid-3 > .beh-form-row{
    margin-bottom:0 !important;
}

/* ── Licence hero info area ─────────────────────────────────────────────── */

/* ── GUIDED TOUR MODAL ─────────────────────────────────────────────────────── */
#beh-app .beh-tour-modal .beh-modal-body{ padding:0 !important; }
#beh-app .beh-tour-wrap{
    padding:32px 28px 20px !important;
    text-align:center !important;
}
#beh-app .beh-tour-icon{
    width:64px !important; height:64px !important;
    background:linear-gradient(135deg,var(--primary),#1d4ed8) !important;
    border-radius:50% !important; margin:0 auto 18px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#fff !important;
    box-shadow:0 4px 20px rgba(30,115,190,.3) !important;
}
#beh-app .beh-tour-title{
    font-size:18px !important; font-weight:900 !important;
    color:#0f172a !important; margin-bottom:12px !important;
    line-height:1.3 !important;
}
#beh-app .beh-tour-body{
    font-size:14px !important; color:#475569 !important;
    line-height:1.7 !important; text-align:left !important;
    background:#f8fafc !important; border-radius:8px !important;
    padding:14px 16px !important; margin-bottom:18px !important;
}
#beh-app .beh-tour-dots{
    display:flex !important; gap:6px !important;
    justify-content:center !important; margin-bottom:4px !important;
}
#beh-app .beh-tour-dot{
    width:8px !important; height:8px !important;
    border-radius:50% !important; background:#cbd5e1 !important;
    cursor:pointer !important; transition:background .2s,transform .2s !important;
}
#beh-app .beh-tour-dot.active{
    background:var(--primary) !important; transform:scale(1.3) !important;
}
/* Tour modal footer needs flex for back/next alignment */
#beh-app .beh-tour-modal .beh-modal-footer{
    display:flex !important; flex-direction:row !important;
    align-items:center !important; gap:8px !important;
}

/* ── BMABA ADVOCACY BOX ────────────────────────────────────────────────────── */
@keyframes beh-advocacy-shine{
    0%  { transform:translateX(-100%) skewX(-15deg); }
    100%{ transform:translateX(220%) skewX(-15deg); }
}
@keyframes beh-advocacy-border{
    0%  {border-color:#1d4ed8; box-shadow:0 0 0 3px rgba(29,78,216,.15),0 4px 24px rgba(29,78,216,.1);}
    33% {border-color:#7c3aed; box-shadow:0 0 0 3px rgba(124,58,237,.15),0 4px 24px rgba(124,58,237,.1);}
    66% {border-color:#0e7490; box-shadow:0 0 0 3px rgba(14,116,144,.15),0 4px 24px rgba(14,116,144,.1);}
    100%{border-color:#1d4ed8; box-shadow:0 0 0 3px rgba(29,78,216,.15),0 4px 24px rgba(29,78,216,.1);}
}
#beh-app .beh-advocacy-box{
    position:relative !important; overflow:hidden !important;
    background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%) !important;
    border:2px solid #1d4ed8 !important; border-radius:12px !important;
    margin-top:24px !important; margin-bottom:4px !important;
    animation:beh-advocacy-border 6s linear infinite !important;
    color:#fff !important;
}
#beh-app .beh-advocacy-shimmer{
    position:absolute !important; top:0 !important; left:0 !important;
    width:60px !important; height:100% !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent) !important;
    animation:beh-advocacy-shine 3.5s ease-in-out infinite !important;
    pointer-events:none !important;
}
#beh-app .beh-advocacy-inner{
    display:flex !important; gap:16px !important;
    align-items:flex-start !important; padding:22px 24px !important;
    position:relative !important; z-index:1 !important;
}
#beh-app .beh-advocacy-icon{
    flex-shrink:0 !important; width:44px !important; height:44px !important;
    background:rgba(255,255,255,.1) !important; border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#93c5fd !important; margin-top:2px !important;
}
#beh-app .beh-advocacy-content{ flex:1 !important; }
#beh-app .beh-advocacy-title{
    font-size:11px !important; font-weight:700 !important;
    letter-spacing:.1em !important; text-transform:uppercase !important;
    color:#93c5fd !important; margin-bottom:8px !important;
}
#beh-app .beh-advocacy-stat{
    margin-bottom:12px !important;
}
#beh-app .beh-advocacy-num{
    font-size:28px !important; font-weight:900 !important;
    color:#ffffff !important; letter-spacing:-0.02em !important;
}
#beh-app .beh-advocacy-label{
    font-size:13px !important; color:#94a3b8 !important; margin-left:4px !important;
}
#beh-app .beh-advocacy-text{
    font-size:13px !important; color:#cbd5e1 !important;
    line-height:1.65 !important; margin-bottom:10px !important;
}
#beh-app .beh-advocacy-thanks{
    font-size:13px !important; font-weight:700 !important;
    color:#60a5fa !important;
}

/* ── Overview savings callout ────────────────────────────────────────────── */
@keyframes beh-saving-pulse{
    0%,100%{ box-shadow:0 2px 12px rgba(22,163,74,.15); }
    50%     { box-shadow:0 4px 20px rgba(22,163,74,.32); }
}
#beh-app .beh-ov-saving{
    margin:12px 0 4px !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,#052e16,#14532d) !important;
    overflow:hidden !important;
    animation:beh-saving-pulse 2.8s ease-in-out infinite !important;
}
#beh-app .beh-ov-saving-inner{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 16px !important;
}
#beh-app .beh-ov-saving-icon{
    flex-shrink:0 !important;
    width:36px !important; height:36px !important;
    background:rgba(255,255,255,.12) !important;
    border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:#86efac !important;
}
#beh-app .beh-ov-saving-text{ flex:1 !important; }
#beh-app .beh-ov-saving-label{
    font-size:10px !important; font-weight:700 !important;
    letter-spacing:.08em !important; text-transform:uppercase !important;
    color:rgba(187,247,208,.7) !important; margin-bottom:2px !important;
}
#beh-app .beh-ov-saving-amount{
    font-size:26px !important; font-weight:900 !important;
    color:#ffffff !important; letter-spacing:-0.02em !important;
    line-height:1.1 !important;
}
#beh-app .beh-ov-dl-row{
    display:flex !important;
    gap:8px !important;
    padding:10px 14px 12px !important;
    border-top:1px solid rgba(134,239,172,0.2) !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-ov-dl-row .beh-btn{
    font-size:11.5px !important;
    color:#86efac !important;
    opacity:.85 !important;
}
#beh-app .beh-ov-dl-row .beh-btn:hover{ opacity:1 !important; }
#beh-app .beh-ov-saving-sub{
    font-size:11px !important; color:rgba(187,247,208,.6) !important;
    margin-top:2px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CHECKLIST CHECKBOXES — SVG-driven, no wrapper styling
   _cbSvg() renders a complete self-contained SVG (rect + tick).
   The .beh-cl-cb-ui wrapper is purely a flex container — transparent.
   ═══════════════════════════════════════════════════════════════════════════ */
#beh-app .beh-cl-cb-ui {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}
#beh-app .beh-cl-cb-ui.is-checked,
#beh-app .beh-cl-cb-ui:hover {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
#beh-app .beh-cl-cb-ui svg,
#beh-app .beh-cl-cb-ui.is-checked svg,
#beh-app .beh-cl-cb-ui.auto-pass svg,
#beh-app .beh-cl-cb-ui.auto-fail svg {
    opacity: 1 !important;
    transform: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: block !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    transition: filter 0.12s !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GLOBAL LAYOUT & SPACING ENFORCEMENT
   All padding lives here so nothing is squashed by BuddyBoss theme resets.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Event topbar ─────────────────────────────────────────────────────────── */
#beh-app .beh-event-topbar {
    padding: 0 0 16px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    gap: 12px !important;
}

/* ── Tab nav ──────────────────────────────────────────────────────────────── */
#beh-app .beh-tab-nav {
    display: flex !important;
    overflow-x: auto !important;
    gap: 0 !important;
    border-bottom: 2px solid var(--border) !important;
    margin: 0 0 0 !important;
    padding: 0 !important;
}
#beh-app .beh-tab {
    padding: 14px 16px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* ── Tab panels ───────────────────────────────────────────────────────────── */
#beh-app .beh-tab-panel.active {
    padding: 28px 0 0 !important;
}
/* Panels that render a full-width card need horizontal padding */
#beh-app #beh-panel-files {
    padding: 28px 0 32px !important;
}

/* ── Compliance panel inner padding ──────────────────────────────────────── */
#beh-app #beh-panel-compliance .beh-cl-hero {
    margin-bottom: 20px !important;
}
#beh-app #beh-panel-compliance .beh-cl-activate-cta {
    margin-top: 20px !important;
    padding: 24px !important;
}

/* ── Overview grid ────────────────────────────────────────────────────────── */
#beh-app #beh-panel-overview > * {
    margin-bottom: 20px !important;
}

/* ── Tasks / Comms / Files / Settings / Fighters panels ─────────────────── */
#beh-app #beh-panel-tasks,
#beh-app #beh-panel-comms,
#beh-app #beh-panel-settings {
    padding: 28px 0 32px !important;
}
#beh-app #beh-panel-fighters,
#beh-app #beh-panel-resources {
    padding: 28px 32px 40px !important;
}
/* Files panel: top gap + no side padding (the card provides its own internal padding) */
#beh-app #beh-panel-files {
    padding: 28px 0 40px !important;
}
#beh-app #beh-panel-files .beh-files-wrap {
    margin: 0 !important;
}

/* ── Section strip cards — equal 25% tiles ───────────────────────────────── */
#beh-app .beh-cl-section-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
}
#beh-app .beh-cl-strip-card {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 16px 10px 14px !important;
    gap: 6px !important;
}
#beh-app .beh-cl-strip-ring-wrap {
    width: 48px !important;
    height: 48px !important;
}
#beh-app .beh-cl-strip-pct {
    font-size: 11px !important;
    font-weight: 800 !important;
}
#beh-app .beh-cl-strip-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
}
#beh-app .beh-cl-strip-sub {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--muted) !important;
}

/* ── CTA activate block ──────────────────────────────────────────────────── */
#beh-app .beh-cl-activate-cta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7) !important;
    border: 1.5px solid #bbf7d0 !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    margin-top: 24px !important;
}
#beh-app .beh-cl-activate-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg,#16a34a,#15803d) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    flex-shrink: 0 !important;
}

/* ── Compliance hero — BuddyBoss-safe padding ────────────────────────────── */
#beh-app .beh-cl-hero { padding: 28px 32px !important; margin-bottom: 24px !important; }
#beh-app .beh-cl-hero-title { font-size: 17px !important; font-weight: 900 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   PARTICIPANT DECLARATION — edit modal notes + payment gate
   ═══════════════════════════════════════════════════════════════════════════ */
#beh-app .beh-declaration-note{
    display:flex !important;align-items:flex-start !important;gap:8px !important;
    margin-top:8px !important;padding:10px 12px !important;border-radius:7px !important;
    font-size:12px !important;line-height:1.55 !important;
}
#beh-app .beh-declaration-note-blue{background:#eff6ff !important;color:#1e40af !important;border:1px solid #bfdbfe !important;}
#beh-app .beh-declaration-note-amber{background:#fffbeb !important;color:#92400e !important;border:1px solid #fde68a !important;}
#beh-app .beh-ee-fee-box{
    display:flex !important;align-items:center !important;gap:6px !important;
    background:#f0fdf4 !important;border:1px solid #bbf7d0 !important;border-radius:7px !important;
    padding:10px 14px !important;margin-top:8px !important;font-size:13px !important;
}
#beh-app .beh-ee-fee-label{color:#166534 !important;font-weight:600 !important;}
#beh-app .beh-ee-fee-amount{font-size:18px !important;font-weight:900 !important;color:#14532d !important;}
#beh-app .beh-ee-fee-sub{color:#166534 !important;font-size:11px !important;}

/* ── Payment gate modal ──────────────────────────────────────────────────── */
#beh-app .beh-payment-gate{display:flex !important;flex-direction:column !important;gap:16px !important;}
#beh-app .beh-payment-gate-header{display:flex !important;align-items:center !important;gap:14px !important;}
#beh-app .beh-payment-gate-icon{
    width:52px !important;height:52px !important;flex-shrink:0 !important;
    background:linear-gradient(135deg,#1d4ed8,#3b82f6) !important;
    border-radius:50% !important;display:flex !important;
    align-items:center !important;justify-content:center !important;color:#fff !important;
}
#beh-app .beh-payment-gate-title{font-size:16px !important;font-weight:800 !important;margin-bottom:3px !important;}
#beh-app .beh-payment-gate-sub{font-size:12px !important;color:var(--muted) !important;}
#beh-app .beh-payment-gate-amount{
    text-align:center !important;background:#f8fafc !important;
    border:1px solid var(--border) !important;border-radius:10px !important;padding:16px !important;
}
#beh-app .beh-payment-gate-total{font-size:36px !important;font-weight:900 !important;color:#0f172a !important;line-height:1 !important;}
#beh-app .beh-payment-gate-breakdown{font-size:13px !important;color:var(--muted) !important;margin-top:4px !important;}
#beh-app .beh-payment-gate-what{display:flex !important;flex-direction:column !important;gap:6px !important;}
#beh-app .beh-payment-gate-what-title{font-size:12px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.06em !important;color:var(--muted) !important;margin-bottom:2px !important;}
#beh-app .beh-payment-gate-point{display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:13px !important;}
#beh-app .beh-payment-gate-alt{
    display:flex !important;align-items:flex-start !important;gap:10px !important;
    background:#f0fdf4 !important;border:1px solid #bbf7d0 !important;
    border-radius:8px !important;padding:12px 14px !important;font-size:12px !important;color:#166534 !important;
}

/* ── Locked member count notice (post-licence) ───────────────────────────── */
#beh-app .beh-ee-locked-members-notice{
    display:flex !important;align-items:flex-start !important;gap:8px !important;
    background:#f8fafc !important;border:1px solid var(--border) !important;
    border-radius:7px !important;padding:10px 12px !important;
    font-size:12px !important;color:var(--muted) !important;margin-top:8px !important;
}

/* ── Insurance Terms Modal ─────────────────────────────────────────────────── */
#beh-app .beh-btn-amber{
    border-color:rgba(217,119,6,0.5) !important;
    color:#d97706 !important;
}
#beh-app .beh-btn-amber:hover{
    background:rgba(217,119,6,0.08) !important;
    border-color:#d97706 !important;
}
#beh-app .beh-ins-terms{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
}
#beh-app .beh-ins-terms-hero{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    background:linear-gradient(135deg,#0f2744,#1e3a5f) !important;
    border-radius:10px !important;
    padding:18px 20px !important;
    margin-bottom:20px !important;
    border:1px solid rgba(96,165,250,0.2) !important;
}
#beh-app .beh-ins-terms-hero-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:50% !important;
    background:rgba(59,130,246,0.2) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#93c5fd !important;
}
#beh-app .beh-ins-terms-hero-title{
    font-size:15px !important;
    font-weight:800 !important;
    color:#ffffff !important;
    margin-bottom:3px !important;
}
#beh-app .beh-ins-terms-hero-sub{
    font-size:12.5px !important;
    color:#93c5fd !important;
    line-height:1.4 !important;
}
#beh-app .beh-ins-terms-section{
    margin-bottom:18px !important;
}
#beh-app .beh-ins-terms-section-title{
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--dark) !important;
    margin-bottom:8px !important;
    padding-bottom:6px !important;
    border-bottom:1px solid var(--border) !important;
}
#beh-app .beh-ins-terms p{
    font-size:13px !important;
    color:var(--muted) !important;
    line-height:1.65 !important;
    margin:0 0 10px !important;
}
#beh-app .beh-ins-terms-warning{
    background:#fffbeb !important;
    border:1px solid #fde68a !important;
    border-left:4px solid #d97706 !important;
    border-radius:8px !important;
    padding:14px 16px !important;
    margin-bottom:18px !important;
}
#beh-app .beh-ins-terms-warning-hdr{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:13px !important;
    font-weight:700 !important;
    color:#92400e !important;
    margin-bottom:8px !important;
}
#beh-app .beh-ins-terms-warning-hdr svg{ stroke:#d97706 !important; flex-shrink:0 !important; }
#beh-app .beh-ins-terms-warning p{
    color:#78350f !important;
    margin-bottom:0 !important;
}
#beh-app .beh-ins-terms-list{
    margin:10px 0 0 0 !important;
    padding-left:18px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
#beh-app .beh-ins-terms-list li{
    font-size:13px !important;
    color:var(--muted) !important;
    line-height:1.55 !important;
}
#beh-app .beh-ins-terms-list li strong{ color:var(--dark) !important; }
#beh-app .beh-ins-terms-cta{
    background:#f0fdf4 !important;
    border:1px solid #bbf7d0 !important;
    border-radius:10px !important;
    padding:16px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    margin-top:4px !important;
}
#beh-app .beh-ins-terms-cta-sub{
    font-size:11px !important;
    color:#6b7280 !important;
}


/* ── Settings Tab Layout ────────────────────────────────────────────────────── */
#beh-app .beh-settings-layout{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:20px !important;
    align-items:start !important;
}
@media(max-width:800px){
    #beh-app .beh-settings-layout{ grid-template-columns:1fr !important; }
}
#beh-app .beh-settings-col{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
}
#beh-app .beh-settings-card{ margin-bottom:0 !important; }
#beh-app .beh-settings-card-body{
    padding:16px 20px 18px !important;
}
#beh-app .beh-settings-divider{
    height:1px !important;
    background:var(--border) !important;
    margin:14px 0 !important;
}
#beh-app .beh-settings-invite-label{
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--dark) !important;
    margin-bottom:8px !important;
}
#beh-app .beh-settings-invite-hint{
    display:flex !important;
    gap:8px !important;
    align-items:flex-start !important;
    background:#f0f9ff !important;
    border:1px solid #bae6fd !important;
    border-radius:7px !important;
    padding:10px 12px !important;
    font-size:12px !important;
    color:#0369a1 !important;
    line-height:1.55 !important;
    margin-bottom:10px !important;
}
#beh-app .beh-settings-invite-hint svg{ stroke:#0369a1 !important; flex-shrink:0 !important; margin-top:1px !important; }
#beh-app .beh-settings-field-label{
    font-size:12px !important;
    font-weight:700 !important;
    color:#374151 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    margin-bottom:12px !important;
}
/* Status dots */
#beh-app .beh-status-dot{
    display:inline-block !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    margin-right:3px !important;
    vertical-align:middle !important;
}
#beh-app .beh-status-dot.beh-status-accepted{ background:#16a34a !important; }
#beh-app .beh-status-dot.beh-status-pending{ background:#d97706 !important; }

/* Contact Level option buttons */
#beh-app .beh-contact-level-btns{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin-bottom:12px !important;
}
#beh-app .beh-cl-option{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    width:100% !important;
    text-align:left !important;
    padding:12px 14px !important;
    border:1.5px solid var(--border) !important;
    border-radius:9px !important;
    background:#fff !important;
    cursor:pointer !important;
    transition:border-color .15s, background .15s !important;
}
#beh-app .beh-cl-option:hover{
    border-color:var(--primary) !important;
    background:#f8faff !important;
}
#beh-app .beh-cl-option.active{
    border-color:var(--primary) !important;
    background:#eff6ff !important;
}
#beh-app .beh-cl-option-hdr{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--dark) !important;
}
#beh-app .beh-cl-option.active .beh-cl-option-hdr{ color:var(--primary) !important; }
#beh-app .beh-cl-option-check{ margin-left:auto !important; stroke:var(--primary) !important; }
#beh-app .beh-cl-option-desc{
    font-size:12px !important;
    color:var(--muted) !important;
    line-height:1.5 !important;
    padding-left:18px !important;
}
#beh-app .beh-settings-cl-note{
    display:flex !important;
    gap:8px !important;
    align-items:flex-start !important;
    background:#fffbeb !important;
    border:1px solid #fde68a !important;
    border-radius:7px !important;
    padding:10px 12px !important;
    font-size:12px !important;
    color:#92400e !important;
    line-height:1.55 !important;
}
#beh-app .beh-settings-cl-note svg{ stroke:#d97706 !important; flex-shrink:0 !important; margin-top:2px !important; }
#beh-app .beh-settings-cl-note strong{ color:#78350f !important; }

/* Danger Zone card */
#beh-app .beh-danger-zone-card{
    border-color:rgba(220,38,38,0.2) !important;
}
#beh-app .beh-danger-zone-hdr{
    border-bottom:1px solid rgba(220,38,38,0.15) !important;
    background:rgba(220,38,38,0.03) !important;
    border-radius:10px 10px 0 0 !important;
}
#beh-app .beh-danger-zone-box{
    background:#fff5f5 !important;
    border:1px solid #fecaca !important;
    border-radius:8px !important;
    padding:14px 16px !important;
    margin-bottom:14px !important;
}
#beh-app .beh-danger-zone-q{
    font-size:13px !important;
    font-weight:700 !important;
    color:#dc2626 !important;
    margin-bottom:6px !important;
}
#beh-app .beh-danger-zone-p{
    font-size:12.5px !important;
    color:#7f1d1d !important;
    line-height:1.6 !important;
    margin:0 !important;
}
#beh-app .beh-settings-actions{
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-btn-danger-ghost{
    color:var(--red) !important;
    opacity:.7 !important;
}
#beh-app .beh-btn-danger-ghost:hover{ opacity:1 !important; background:rgba(220,38,38,0.06) !important; }


/* ── Event Team With Access (presence bar) ─────────────────────────────────── */
#beh-app .beh-team-access{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}
#beh-app .beh-team-access-label{
    font-size:11px !important;
    font-weight:600 !important;
    color:var(--muted) !important;
    white-space:nowrap !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
}
#beh-app .beh-team-access-avatars{
    display:flex !important;
    align-items:center !important;
}
#beh-app .beh-team-av{
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    border:2px solid #fff !important;
    margin-left:-8px !important;
    overflow:hidden !important;
    background:#dbeafe !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:10px !important;
    font-weight:700 !important;
    color:#1d4ed8 !important;
    position:relative !important;
    cursor:default !important;
}
#beh-app .beh-team-av:first-child{ margin-left:0 !important; }
#beh-app .beh-team-av img{ width:100% !important; height:100% !important; object-fit:cover !important; }
#beh-app .beh-team-av-dot{
    position:absolute !important;
    bottom:1px !important; right:1px !important;
    width:7px !important; height:7px !important;
    border-radius:50% !important;
    background:#94a3b8 !important;
    border:1.5px solid #fff !important;
}
#beh-app .beh-team-av-dot.online{ background:#22c55e !important; }
#beh-app .beh-team-av-more{
    background:#e2e8f0 !important;
    color:#475569 !important;
    font-size:10px !important;
    font-weight:700 !important;
}

/* ── Tasks Toolbar ─────────────────────────────────────────────────────────── */
#beh-app .beh-tasks-toolbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:16px !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-tasks-view-toggle{
    display:flex !important;
    gap:4px !important;
    background:#f1f5f9 !important;
    border-radius:8px !important;
    padding:3px !important;
}
#beh-app .beh-view-btn{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:6px 12px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    color:var(--muted) !important;
    background:transparent !important;
    border:none !important;
    border-radius:6px !important;
    cursor:pointer !important;
    transition:all .15s !important;
}
#beh-app .beh-view-btn.active{
    background:#fff !important;
    color:var(--primary) !important;
    box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;
}
#beh-app .beh-view-btn:hover:not(.active){ color:var(--dark) !important; }

/* ── Kanban columns ────────────────────────────────────────────────────────── */
#beh-app .beh-kanban{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:14px !important;
    align-items:start !important;
}
#beh-app .beh-kanban-col{ min-width:0 !important; }
#beh-app .beh-kanban-col-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:8px 12px !important;
    border-radius:8px 8px 0 0 !important;
    font-size:11px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    margin-bottom:8px !important;
}
#beh-app .col-backlog{ background:#f1f5f9 !important; color:#475569 !important; }
#beh-app .col-todo   { background:#eff6ff !important; color:#1d4ed8 !important; }
#beh-app .col-doing  { background:#fffbeb !important; color:#d97706 !important; }
#beh-app .col-done   { background:#f0fdf4 !important; color:#15803d !important; }
#beh-app .beh-kanban-count{
    background:rgba(0,0,0,0.1) !important;
    border-radius:10px !important;
    padding:1px 7px !important;
    font-size:11px !important;
    font-weight:700 !important;
}
#beh-app .beh-kanban-cards{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    min-height:60px !important;
    border-radius:0 0 8px 8px !important;
    padding:4px 0 !important;
    transition:background .15s !important;
}
#beh-app .beh-kanban-cards.drag-over{ background:rgba(59,130,246,0.06) !important; border-radius:8px !important; }
#beh-app .beh-add-task-btn{
    width:100% !important;
    padding:8px !important;
    font-size:12px !important;
    color:var(--muted) !important;
    background:transparent !important;
    border:1.5px dashed var(--border) !important;
    border-radius:7px !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin-top:4px !important;
    transition:all .15s !important;
}
#beh-app .beh-add-task-btn:hover{ color:var(--primary) !important; border-color:var(--primary) !important; background:#f0f7ff !important; }

/* ── Task Cards ─────────────────────────────────────────────────────────────── */
#beh-app .beh-task-card{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:9px !important;
    box-shadow:0 1px 3px rgba(0,0,0,0.06) !important;
    cursor:pointer !important;
    transition:box-shadow .15s, transform .15s !important;
    overflow:hidden !important;
    display:flex !important;
    position:relative !important;
}
#beh-app .beh-task-card:hover{
    box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;
    transform:translateY(-1px) !important;
}
#beh-app .beh-task-card.dragging{ opacity:.5 !important; }
#beh-app .beh-task-card-flat{ cursor:default !important; }
#beh-app .beh-task-card-flat:hover{ transform:none !important; }
#beh-app .beh-task-pri-stripe{
    width:4px !important;
    flex-shrink:0 !important;
}
#beh-app .beh-task-pri-stripe.beh-pri-low    { background:#94a3b8 !important; }
#beh-app .beh-task-pri-stripe.beh-pri-medium { background:#3b82f6 !important; }
#beh-app .beh-task-pri-stripe.beh-pri-high   { background:#f59e0b !important; }
#beh-app .beh-task-pri-stripe.beh-pri-urgent { background:#ef4444 !important; }
#beh-app .beh-task-card-inner{ padding:10px 12px !important; flex:1 !important; min-width:0 !important; }
#beh-app .beh-task-card-meta{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    margin-bottom:6px !important;
    flex-wrap:wrap !important;
}
#beh-app .beh-task-pri-badge{
    font-size:10px !important;
    font-weight:700 !important;
    padding:2px 7px !important;
    border-radius:10px !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}
#beh-app .beh-task-pri-badge.beh-pri-low    { background:#f1f5f9 !important; color:#64748b !important; }
#beh-app .beh-task-pri-badge.beh-pri-medium { background:#eff6ff !important; color:#1d4ed8 !important; }
#beh-app .beh-task-pri-badge.beh-pri-high   { background:#fffbeb !important; color:#b45309 !important; }
#beh-app .beh-task-pri-badge.beh-pri-urgent { background:#fef2f2 !important; color:#b91c1c !important; }
#beh-app .beh-task-status-chip{
    font-size:10px !important;
    font-weight:600 !important;
    padding:2px 7px !important;
    border-radius:10px !important;
}
#beh-app .beh-ts-backlog{ background:#f1f5f9 !important; color:#475569 !important; }
#beh-app .beh-ts-todo   { background:#eff6ff !important; color:#1d4ed8 !important; }
#beh-app .beh-ts-doing  { background:#fffbeb !important; color:#b45309 !important; }
#beh-app .beh-ts-done   { background:#f0fdf4 !important; color:#15803d !important; }
#beh-app .beh-task-card-title{
    font-size:13px !important;
    font-weight:700 !important;
    color:var(--dark) !important;
    line-height:1.4 !important;
    margin-bottom:4px !important;
}
#beh-app .beh-task-card-desc{
    font-size:12px !important;
    color:var(--muted) !important;
    line-height:1.5 !important;
    margin-bottom:8px !important;
}
#beh-app .beh-task-card-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-top:8px !important;
    gap:6px !important;
}
#beh-app .beh-task-assignee-chip{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:11px !important;
    color:var(--muted) !important;
}
#beh-app .beh-task-assignee-chip img{
    width:18px !important; height:18px !important;
    border-radius:50% !important; object-fit:cover !important;
}
#beh-app .beh-task-assignee-name{ font-weight:600 !important; }
#beh-app .beh-task-unassigned{
    font-size:11px !important;
    color:#94a3b8 !important;
    font-style:italic !important;
}
#beh-app .beh-task-card-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
}
#beh-app .beh-task-due{
    font-size:11px !important;
    color:var(--muted) !important;
    white-space:nowrap !important;
}
#beh-app .beh-task-due.overdue{ color:#ef4444 !important; font-weight:700 !important; }
#beh-app .beh-task-actions{
    display:flex !important;
    gap:3px !important;
    opacity:0 !important;
    transition:opacity .15s !important;
}
#beh-app .beh-task-card:hover .beh-task-actions{ opacity:1 !important; }
#beh-app .beh-task-card-flat .beh-task-actions{ opacity:1 !important; }
#beh-app .beh-task-act-btn{
    width:24px !important; height:24px !important;
    border:1px solid var(--border) !important;
    border-radius:5px !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    color:var(--muted) !important;
    transition:all .12s !important;
}
#beh-app .beh-task-act-btn:hover{ background:#f8faff !important; color:var(--primary) !important; border-color:var(--primary) !important; }
#beh-app .beh-task-act-del:hover{ background:#fef2f2 !important; color:#ef4444 !important; border-color:#fca5a5 !important; }

/* ── Task Detail modal ─────────────────────────────────────────────────────── */
#beh-app .beh-task-detail{ padding:4px 0 !important; }
#beh-app .beh-task-detail-meta{ display:flex !important; gap:6px !important; margin-bottom:12px !important; flex-wrap:wrap !important; }
#beh-app .beh-task-detail-title{ font-size:18px !important; font-weight:800 !important; color:var(--dark) !important; margin-bottom:10px !important; line-height:1.3 !important; }
#beh-app .beh-task-detail-desc{ font-size:13.5px !important; color:var(--muted) !important; line-height:1.65 !important; margin-bottom:16px !important; white-space:pre-wrap !important; }
#beh-app .beh-task-detail-rows{ display:flex !important; flex-direction:column !important; gap:8px !important; border-top:1px solid var(--border) !important; padding-top:14px !important; }
#beh-app .beh-task-detail-row{ display:flex !important; align-items:center !important; gap:12px !important; font-size:13px !important; }
#beh-app .beh-task-detail-lbl{ font-weight:700 !important; color:var(--dark) !important; min-width:90px !important; font-size:12px !important; text-transform:uppercase !important; letter-spacing:.05em !important; }

/* ── Task form grid ─────────────────────────────────────────────────────────── */
#beh-app .beh-task-form-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:0 16px !important; }
@media(max-width:600px){ #beh-app .beh-task-form-grid{ grid-template-columns:1fr !important; } }

/* ── Team view ──────────────────────────────────────────────────────────────── */
#beh-app .beh-team-view{ padding:4px 0 !important; }
#beh-app .beh-team-members-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
    gap:14px !important;
    margin-bottom:24px !important;
}
#beh-app .beh-team-member-tile{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:12px !important;
    padding:18px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:6px !important;
    cursor:pointer !important;
    text-align:center !important;
    transition:all .15s !important;
    box-shadow:0 1px 3px rgba(0,0,0,0.05) !important;
}
#beh-app .beh-team-member-tile:hover{ border-color:var(--primary) !important; box-shadow:0 4px 12px rgba(59,130,246,0.12) !important; transform:translateY(-2px) !important; }
#beh-app .beh-team-tile-av{ width:52px !important; height:52px !important; border-radius:50% !important; object-fit:cover !important; }
#beh-app .beh-team-tile-av-fb{ background:#dbeafe !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:16px !important; font-weight:800 !important; color:#1d4ed8 !important; }
#beh-app .beh-team-tile-name{ font-size:13px !important; font-weight:700 !important; color:var(--dark) !important; }
#beh-app .beh-team-tile-role{ font-size:11px !important; color:var(--muted) !important; text-transform:capitalize !important; }
#beh-app .beh-team-tile-count{ font-size:22px !important; font-weight:800 !important; color:var(--primary) !important; line-height:1 !important; }
#beh-app .beh-team-tile-count span{ display:block !important; }
#beh-app .beh-team-view-back{ margin-bottom:14px !important; }
#beh-app .beh-team-drill-header{ display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:16px !important; padding-bottom:14px !important; border-bottom:1px solid var(--border) !important; }
#beh-app .beh-team-drill-av{ width:44px !important; height:44px !important; border-radius:50% !important; object-fit:cover !important; }
#beh-app .beh-team-drill-av-fallback{ width:44px !important; height:44px !important; border-radius:50% !important; background:#dbeafe !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:14px !important; font-weight:800 !important; color:#1d4ed8 !important; }
#beh-app .beh-team-drill-name{ font-size:16px !important; font-weight:800 !important; color:var(--dark) !important; }
#beh-app .beh-team-drill-count{ font-size:12px !important; color:var(--muted) !important; margin-top:2px !important; }
#beh-app .beh-team-drill-tasks{ display:flex !important; flex-direction:column !important; gap:8px !important; }
#beh-app .beh-team-unassigned-label{ font-size:12px !important; font-weight:700 !important; color:var(--muted) !important; text-transform:uppercase !important; letter-spacing:.06em !important; margin:16px 0 8px !important; }
#beh-app .beh-team-empty{ text-align:center !important; color:var(--muted) !important; font-size:13px !important; padding:32px !important; }


/* ── RULEBOOK TAB ─────────────────────────────────────────────────────────── */
.beh-rb-reminder{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:22px;font-size:13px;color:#166534;line-height:1.55}
.beh-rb-reminder svg{flex-shrink:0;margin-top:1px;color:#16a34a}
.beh-rb-reminder strong{color:#14532d}
/* Choose path */
.beh-rb-choose{max-width:720px}
.beh-rb-choose-title{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:8px}
.beh-rb-choose-sub{font-size:13.5px;color:var(--muted);line-height:1.65;margin-bottom:24px}
.beh-rb-paths{display:flex;flex-direction:column;gap:14px}
.beh-rb-path{display:flex;align-items:flex-start;gap:18px;padding:20px 22px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;background:#fff}
.beh-rb-path:hover{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.07)}
.beh-rb-path-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.beh-rb-path-icon-blue{background:#eff6ff;color:#2563eb}
.beh-rb-path-icon-green{background:#f0fdf4;color:#16a34a}
.beh-rb-path-body{flex:1}
.beh-rb-path-title{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:5px}
.beh-rb-path-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:10px}
.beh-rb-path-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary)}
.beh-rb-path:hover .beh-rb-path-cta svg{transform:translateX(2px);transition:transform .15s}
/* Existing rulebook card */
.beh-rb-existing{background:#fff;border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;max-width:760px}
.beh-rb-existing-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--bg)}
.beh-rb-existing-title{font-size:16px;font-weight:700;color:var(--dark)}
.beh-rb-existing-attr{font-size:12px;color:var(--muted);margin-top:2px}
.beh-rb-existing-actions{display:flex;gap:8px;align-items:center}
.beh-rb-row{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border);font-size:13px}
.beh-rb-row-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;min-width:110px}
.beh-rb-link{color:var(--primary);text-decoration:underline;font-size:12.5px;word-break:break-all;display:inline-flex;align-items:center;gap:4px}
.beh-rb-file-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#f1f5f9;border-radius:6px;font-size:12.5px;color:var(--dark);text-decoration:none}
.beh-rb-file-chip:hover{background:#e2e8f0}
.beh-rb-file-size{color:var(--muted);font-size:11px}
.beh-rb-upload-prompt{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#fafafa;color:var(--muted)}
.beh-rb-upload-prompt svg{flex-shrink:0;color:var(--muted)}
.beh-rb-upload-title{font-size:13.5px;font-weight:600;color:var(--dark);margin-bottom:2px}
.beh-rb-upload-sub{font-size:12px;color:var(--muted)}
.beh-rb-notes-block{padding:16px 22px}
.beh-rb-notes-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.beh-rb-notes-body{font-size:13px;color:var(--text);line-height:1.65}
.beh-rb-notes-hint{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.5}
/* Progress */
.beh-rb-progress-wrap{height:6px;background:#e2e8f0;border-radius:3px;margin:16px 22px 4px}
.beh-rb-progress-bar{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:3px;transition:width .4s}
.beh-rb-progress-label{font-size:11.5px;color:var(--muted);padding:0 22px 14px}
/* Section cards */
.beh-rb-sections{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}
.beh-rb-section-card{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;font-size:13px}
.beh-rb-section-card:hover{background:#f8fafc}
.beh-rb-section-card svg{flex-shrink:0;color:var(--muted)}
.beh-rb-section-card.done svg{color:var(--primary)}
.beh-rb-sc-body{flex:1}
.beh-rb-sc-title{font-weight:600;color:var(--dark);margin-bottom:1px}
.beh-rb-sc-status{font-size:11.5px;color:var(--muted)}
.beh-rb-section-card.done .beh-rb-sc-status{color:#16a34a}
.beh-rb-sc-check{color:#16a34a;flex-shrink:0}
.beh-rb-sc-arrow{color:var(--muted);flex-shrink:0}
/* Modal builder sections list */
#beh-app .beh-rb-modal-hint{font-size:12.5px !important;color:var(--muted) !important;line-height:1.6 !important;padding:10px 0 14px !important;border-bottom:1px solid var(--border) !important;margin-bottom:6px !important;display:block !important}
#beh-app .beh-rb-modal-sections{display:flex !important;flex-direction:column !important;gap:4px !important}
#beh-app .beh-rb-ms-row{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 14px !important;border-bottom:1px solid var(--border) !important;cursor:pointer !important;transition:background .1s !important;border-radius:6px !important}
#beh-app .beh-rb-ms-row:hover{background:#f8fafc !important}
.beh-rb-ms-icon{color:var(--muted);flex-shrink:0}
.beh-rb-ms-title{flex:1;font-size:13px;font-weight:600;color:var(--dark)}
.beh-rb-ms-status{font-size:11.5px;color:var(--muted);padding:2px 8px;background:#f1f5f9;border-radius:20px;white-space:nowrap}
.beh-rb-ms-status.done{background:#dcfce7;color:#16a34a;font-weight:600}
/* Section form overlay */
/* ── Section edit overlay — fixed, full-screen, above modal ─────────────── */
.beh-section-overlay{position:fixed;inset:0;background:rgba(15,23,42,.65);z-index:1000001 !important;display:flex;align-items:center;justify-content:center;padding:20px}
.beh-section-modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.25)}
.beh-section-modal-hdr{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);flex-shrink:0}
.beh-section-back{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--muted);padding:5px 10px 5px 0;font-weight:600;transition:color .12s;flex-shrink:0}
.beh-section-back:hover{color:var(--text)}
.beh-section-modal-title{flex:1;font-size:15px;font-weight:700;color:var(--dark)}
.beh-section-modal-body{flex:1;overflow-y:auto;padding:22px}
.beh-section-modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;flex-shrink:0}
.beh-rb-section-hint{background:#f8fafc;border-left:3px solid var(--primary);padding:10px 14px;font-size:12.5px;color:var(--muted);border-radius:0 6px 6px 0;margin-bottom:20px;line-height:1.5}
/* Upload encouraged block */
#beh-app .beh-rb-upload-encouraged{display:flex !important;align-items:center !important;gap:14px !important;padding:14px 16px !important;background:#f8fafc !important;border:1px solid var(--border) !important;border-radius:10px !important;color:var(--muted) !important}
#beh-app .beh-rb-upload-encouraged svg{flex-shrink:0 !important;color:var(--primary) !important}
#beh-app .beh-rb-ue-body{flex:1 !important;min-width:0 !important}
#beh-app .beh-rb-ue-title{font-size:13px !important;font-weight:600 !important;color:var(--dark) !important;margin-bottom:3px !important;display:block !important}
#beh-app .beh-rb-ue-file{font-size:13px !important;font-weight:600 !important;color:var(--dark) !important;margin-bottom:3px !important;display:block !important}
#beh-app .beh-rb-ue-sub{font-size:12px !important;color:var(--muted) !important;line-height:1.45 !important;display:block !important}
/* Section form */
.beh-rb-section-form{display:flex;flex-direction:column;gap:2px}
.beh-rb-form{display:flex;flex-direction:column;gap:2px}

/* ── Library rulebook list ──────────────────────────────────────────────── */
.beh-lib-rb-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.beh-lib-rb-intro{font-size:12.5px;color:var(--muted);line-height:1.55;margin-bottom:16px;padding:10px 14px;background:#f8fafc;border-radius:8px;border-left:3px solid var(--primary)}
.beh-lib-rb-list{display:flex;flex-direction:column;gap:10px}
.beh-lib-rb-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:border-color .12s,box-shadow .12s}
.beh-lib-rb-card:hover{border-color:var(--primary-light);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.beh-lib-rb-card-body{flex:1;min-width:0}
.beh-lib-rb-card-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:5px}
.beh-lib-rb-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.beh-lib-rb-discipline{font-size:11.5px;color:var(--muted);background:#f1f5f9;padding:2px 8px;border-radius:4px}
.beh-lib-rb-attr{font-size:12px;color:var(--muted);margin-top:4px}
.beh-lib-rb-card-actions{display:flex;gap:6px;flex-shrink:0}
/* Library rulebook picker (in event tab) */
.beh-lib-rb-picker{display:flex;flex-direction:column;gap:8px}
.beh-lib-rb-pick-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .1s,border-color .1s}
.beh-lib-rb-pick-row:hover{background:#f8fafc;border-color:var(--primary-light)}
.beh-lib-rb-pick-body{flex:1;min-width:0}
/* Event rulebook assign-empty state */
.beh-rb-assign-empty{text-align:center;padding:40px 24px;max-width:480px;margin:0 auto}
.beh-rb-assign-icon{margin-bottom:16px}
.beh-rb-assign-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px}
.beh-rb-assign-sub{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.beh-rb-assign-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
/* Library link footer on assigned rulebook */
.beh-rb-library-cta{display:flex;align-items:center;gap:7px;margin-top:16px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:12.5px;color:var(--muted)}
.beh-rb-library-cta a{color:var(--primary);font-weight:600;text-decoration:none}
.beh-rb-library-cta a:hover{text-decoration:underline}
/* ── Library rulebook cards ─────────────────────────────────────────────────── */
.beh-lib-rb-list{display:flex;flex-direction:column;gap:10px}
.beh-lib-rb-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid var(--border);border-radius:12px;transition:box-shadow .15s,border-color .15s}
.beh-lib-rb-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.07)}
.beh-lib-rb-card-icon{width:42px;height:42px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.beh-lib-rb-card-body{flex:1;min-width:0}
.beh-lib-rb-card-title{font-size:14.5px;font-weight:700;color:var(--dark);margin-bottom:5px}
.beh-lib-rb-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.beh-lib-rb-version{font-size:11.5px;color:var(--muted);padding:2px 6px;background:#f1f5f9;border-radius:4px}
.beh-lib-rb-attr{font-size:12px;color:var(--muted);margin-bottom:3px}
.beh-lib-rb-file-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#16a34a;background:#f0fdf4;padding:2px 8px;border-radius:20px}
.beh-lib-rb-url-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:20px}
.beh-lib-rb-card-actions{display:flex;gap:8px;flex-shrink:0}
.beh-lib-rb-intro{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:18px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}
.beh-lib-rb-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}

/* ── Fighters list ──────────────────────────────────────────────────────────── */
.beh-ft-list{display:flex;flex-direction:column;gap:8px}
.beh-ft-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;transition:box-shadow .15s}
.beh-ft-card:hover{box-shadow:0 1px 8px rgba(0,0,0,.08)}
.beh-ft-card.beh-ft-minor{border-color:#fbbf24;background:#fffbeb}
.beh-ft-card-av{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;letter-spacing:.5px}
.beh-ft-card.beh-ft-minor .beh-ft-card-av{background:#d97706}
.beh-ft-card-body{flex:1;min-width:0}
.beh-ft-card-name{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:5px}
.beh-ft-card-meta{display:flex;flex-wrap:wrap;gap:5px}
.beh-ft-chip{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:11.5px;font-weight:600;background:#f1f5f9;color:var(--dark)}
.beh-ft-chip-muted{background:#f8fafc;color:var(--muted);font-weight:500}
.beh-ft-chip-blue{background:#eff6ff;color:#2563eb}
.beh-ft-minor-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#92400e;margin-top:4px}
.beh-ft-card-actions{display:flex;gap:8px;flex-shrink:0}
.beh-ft-checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.beh-ft-check{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}

/* ── Fighter Settings ───────────────────────────────────────────────────────── */
.beh-sub-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:20px}
.beh-sub-tab{background:none;border:none;cursor:pointer;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .12s,border-color .12s}
.beh-sub-tab.active{color:var(--primary);border-bottom-color:var(--primary)}
#beh-app .beh-settings-section{background:#fff !important;border:1px solid var(--border) !important;border-radius:12px !important;padding:20px 24px !important;margin-bottom:16px !important}
#beh-app .beh-settings-section-title{font-size:14px !important;font-weight:700 !important;color:var(--dark) !important;margin-bottom:4px !important;display:block !important}
#beh-app .beh-settings-section-sub{font-size:12px !important;color:var(--muted) !important;margin-bottom:14px !important;display:block !important;line-height:1.5 !important}
#beh-app .beh-settings-tags{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-bottom:0 !important;min-height:30px !important}
#beh-app .beh-settings-tag{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:4px 10px !important;background:#eff6ff !important;border:1px solid #bfdbfe !important;border-radius:20px !important;font-size:12.5px !important;color:#1e40af !important;font-weight:600 !important}
#beh-app .beh-settings-tag-del{background:none !important;border:none !important;cursor:pointer !important;color:#1e40af !important;font-size:15px !important;line-height:1 !important;padding:0 0 0 2px !important;opacity:.6}
#beh-app .beh-settings-tag-del:hover{opacity:1}
#beh-app .beh-settings-add-row{display:flex !important;gap:8px !important;align-items:center !important;margin-top:12px !important}
#beh-app .beh-settings-add-row .beh-input{flex:1 !important;min-width:0 !important}

/* ── Licence activation step indicator ─────────────────────────────────────── */
.beh-lc-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding:0 4px}
.beh-lc-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.beh-lc-step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--muted);transition:all .2s}
.beh-lc-step.active .beh-lc-step-dot{border-color:var(--primary);background:var(--primary);color:#fff}
.beh-lc-step.done .beh-lc-step-dot{border-color:#16a34a;background:#16a34a;color:#fff}
.beh-lc-step-label{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.beh-lc-step.active .beh-lc-step-label{color:var(--primary)}
.beh-lc-step.done .beh-lc-step-label{color:#16a34a}
.beh-lc-step-line{flex:1;height:2px;background:var(--border);margin:0 8px;margin-bottom:16px;min-width:30px;transition:background .2s}
.beh-lc-step-line.done{background:#16a34a}

/* ── Student licence confirmation card ─────────────────────────────────────── */
.beh-lc-sl-card{display:flex;flex-direction:column;gap:16px}
.beh-lc-sl-alert{display:flex;gap:14px;padding:16px 18px;background:#fffbeb;border:1.5px solid #fbbf24;border-radius:12px;align-items:flex-start}
.beh-lc-sl-alert svg{flex-shrink:0;color:#d97706;margin-top:2px}
.beh-lc-sl-alert-title{font-size:14px;font-weight:800;color:#92400e;margin-bottom:4px}
.beh-lc-sl-alert-body{font-size:13px;color:#78350f;line-height:1.6}
.beh-lc-sl-explain{display:flex;flex-direction:column;gap:10px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid var(--border)}
.beh-lc-sl-explain-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);line-height:1.55}
.beh-lc-sl-explain-row svg{flex-shrink:0;margin-top:2px}
.beh-lc-sl-check-wrap{padding:16px 18px;background:#fff;border:2px solid var(--border);border-radius:12px;transition:border-color .15s}
.beh-lc-sl-check-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;color:var(--text);line-height:1.6;user-select:none}
.beh-lc-sl-cb{width:20px;height:20px;border-radius:5px;border:2px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;cursor:pointer;transition:background .15s,border-color .15s}
.beh-lc-sl-tick{color:#fff}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.40 — Fighters / Rulebooks / Lib picker / Participant gate / Photo
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Panel inner padding (fighters + resources) ─────────────────────────── */
#beh-app #beh-panel-fighters > *,
#beh-app #beh-panel-resources > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* The panels themselves already have 28px 0 vertical padding via the override above.
   Content inside needs consistent horizontal spacing. */
/* fighter/resources padding set above */

/* ── Event rulebook cards ────────────────────────────────────────────────── */
.beh-ev-rb-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.beh-ev-rb-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;transition:box-shadow .15s}
.beh-ev-rb-row:hover{box-shadow:0 1px 8px rgba(0,0,0,.07)}
.beh-ev-rb-icon{width:36px;height:36px;border-radius:8px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.beh-ev-rb-body{flex:1;min-width:0}
.beh-ev-rb-title{font-size:13.5px;font-weight:700;color:var(--dark);margin-bottom:5px}
.beh-ev-rb-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.beh-ev-rb-actions{display:flex;gap:8px;flex-shrink:0}

/* ── "Add from Library" fighter picker ──────────────────────────────────── */
.beh-ft-picker{display:flex;flex-direction:column;gap:8px}
.beh-ft-pick-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;transition:box-shadow .12s}
.beh-ft-pick-row:hover{box-shadow:0 1px 6px rgba(0,0,0,.07)}
.beh-ft-pick-row.beh-ft-minor{border-color:#fbbf24;background:#fffbeb}
.beh-ft-pick-av{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;overflow:hidden}
.beh-ft-pick-info{flex:1;min-width:0}
.beh-ft-pick-name{font-size:13.5px;font-weight:700;color:var(--dark);margin-bottom:4px}
.beh-ft-pick-meta{display:flex;flex-wrap:wrap;gap:4px}

/* ── Participant confirmation gate modal ─────────────────────────────────── */
.beh-lc-part-confirm{display:flex;flex-direction:column;gap:16px}
.beh-lc-part-confirm-title{font-size:14.5px;font-weight:700;color:var(--dark)}
.beh-lc-part-confirm-sub{font-size:13px;color:var(--muted);line-height:1.6;margin-top:-8px}
.beh-lc-part-numbers{display:flex;align-items:center;justify-content:center;gap:0;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid var(--border)}
.beh-lc-part-num{text-align:center;padding:0 24px;flex:1}
.beh-lc-part-num-val{font-size:34px;font-weight:900;color:var(--primary);line-height:1}
.beh-lc-part-num-val.beh-lc-part-num-total{color:var(--dark)}
.beh-lc-part-num-lbl{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}
.beh-lc-part-num-divider{width:1px;background:var(--border);align-self:stretch;flex-shrink:0}
.beh-lc-part-edit-hint{font-size:12.5px;color:var(--muted);text-align:center}
.beh-btn-link{background:none;border:none;cursor:pointer;color:var(--primary);text-decoration:underline;font-size:inherit;padding:0}

/* ── Fighter profile photo ───────────────────────────────────────────────── */
.beh-ft-photo-wrap{display:flex;align-items:center;gap:14px;padding:12px;background:#f8fafc;border:1px solid var(--border);border-radius:10px}
.beh-ft-photo-preview{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}
.beh-ft-photo-placeholder{width:60px;height:60px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}
.beh-ft-photo-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}

/* ── Library fighter card photo avatar ───────────────────────────────────── */
.beh-ft-card-av img{width:40px;height:40px;border-radius:50%;object-fit:cover}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.41 — Clickable cards / Fighter preview modal / z-index fixes
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Clickable card base ─────────────────────────────────────────────────── */
.beh-clickable{cursor:pointer}
.beh-clickable:hover{box-shadow:0 2px 12px rgba(37,99,235,.13) !important;border-color:var(--primary) !important}

/* ── Fighter profile preview modal ──────────────────────────────────────── */
.beh-ft-preview{display:flex;flex-direction:column;gap:16px}
.beh-ft-preview-hdr{display:flex;align-items:center;gap:14px}
.beh-ft-preview-av{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}
.beh-ft-preview-av-init{width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}
.beh-ft-preview-name{font-size:18px;font-weight:800;color:var(--dark);margin-bottom:6px}
.beh-ft-preview-meta{display:flex;flex-wrap:wrap;gap:5px}
.beh-ft-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f8fafc;border-radius:10px;border:1px solid var(--border);overflow:hidden}
.beh-ft-preview-row{padding:13px 18px;border-bottom:1px solid var(--border)}
.beh-ft-preview-row:nth-last-child(-n+2){border-bottom:none}
.beh-ft-preview-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px}
.beh-ft-preview-val{font-size:13.5px;font-weight:600;color:var(--dark)}
.beh-ft-preview-section{padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid var(--border)}
.beh-ft-preview-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}
.beh-ft-preview-checks{display:flex;gap:10px;flex-wrap:wrap}
.beh-ft-preview-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);background:#f1f5f9;padding:4px 10px;border-radius:20px}
.beh-ft-preview-check svg{opacity:.4}
.beh-ft-preview-check.ok{color:#16a34a;background:#f0fdf4}
.beh-ft-preview-check.ok svg{opacity:1;stroke:#16a34a}

/* ── Section overlay above everything ───────────────────────────────────── */
.beh-section-overlay{z-index:1000001 !important}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.42 — Read-only rulebook view / library content card / section spacing
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Library content wrapper — card with breathing room ─────────────────── */
#beh-app #beh-library-content {
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    padding: 28px 32px !important;
    margin-top: 8px !important;
    min-height: 120px !important;
}
/* Subtabs inside library don't need extra top margin */
#beh-app #beh-library-content .beh-sub-tabs {
    margin-top: 0 !important;
}
/* Fighter list spacing from heading */
#beh-app #beh-library-content .beh-flex-between {
    margin-bottom: 18px !important;
}
#beh-app #beh-library-content .beh-ft-list,
#beh-app #beh-library-content .beh-lib-rb-list {
    gap: 10px !important;
}

/* ── Fighter cards in library — consistent with event fighter tab ────────── */
#beh-app .beh-ft-card {
    padding: 16px 20px !important;
    border-radius: 12px !important;
}
#beh-app .beh-ft-card:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}
#beh-app .beh-ft-card-av {
    width: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
    border-radius: 50% !important;
}
#beh-app .beh-ft-card-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-ft-chip {
    font-size: 12px !important;
    padding: 3px 10px !important;
}

/* ── Library rulebook cards ──────────────────────────────────────────────── */
#beh-app .beh-lib-rb-card {
    padding: 16px 20px !important;
    border-radius: 12px !important;
}
#beh-app .beh-lib-rb-card-title {
    font-size: 14.5px !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-lib-rb-intro {
    margin-bottom: 20px !important;
}

/* ── Read-only rulebook view modal ──────────────────────────────────────── */
.beh-rb-view { display: flex; flex-direction: column; gap: 16px; }

.beh-rb-view-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}
.beh-rb-view-row {
    flex: 1;
    min-width: 120px;
    padding: 14px 18px;
    border-right: 1px solid var(--border);
}
.beh-rb-view-row:last-child { border-right: none; }
.beh-rb-view-lbl {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    margin-bottom: 4px;
    display: block;
}
.beh-rb-view-val { font-size: 13px; font-weight: 600; color: var(--dark); display: block; }

.beh-rb-view-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    color: #1d4ed8;
}
.beh-rb-view-url {
    color: #1d4ed8;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
}
.beh-rb-view-url:hover { text-decoration: underline; }

.beh-rb-view-file {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: #16a34a;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 10px 14px;
}

.beh-rb-view-sections { display: flex; flex-direction: column; gap: 6px; }
.beh-rb-view-section {
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.beh-rb-view-section-hdr {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 13px 16px;
    background: #fafbfc;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background .12s;
}
.beh-rb-view-section-hdr:hover { background: #f1f5f9; }
.beh-rb-view-section-icon { color: var(--primary); flex-shrink: 0; }
.beh-rb-view-section-title { flex: 1; font-size: 13.5px; font-weight: 700; color: var(--dark); }
.beh-rb-view-section-count {
    font-size: 11px;
    color: var(--muted);
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 20px;
    font-weight: 600;
}
.beh-rbv-chev { color: var(--muted); flex-shrink: 0; transition: transform .18s; }

.beh-rb-view-section-body { padding: 0 18px 16px; border-top: 1px solid var(--border); }
.beh-rb-view-field { padding: 14px 0; border-bottom: 1px solid #f1f5f9; }
.beh-rb-view-field:last-child { border-bottom: none; padding-bottom: 0; }
.beh-rb-view-field-lbl {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    margin-bottom: 5px;
}
.beh-rb-view-field-val { font-size: 13px; line-height: 1.65; color: var(--dark); }

.beh-rb-view-notes {
    padding: 16px 18px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
}
.beh-rb-view-notes-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #78350f;
    margin-bottom: 6px;
}
.beh-rb-view-notes-body { font-size: 13px; line-height: 1.65; color: var(--dark); }

.beh-rb-view-empty {
    padding: 24px;
    text-align: center;
    color: var(--muted);
    font-size: 13px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px dashed var(--border);
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.43 — Premium intro banners / wider modals / settings polish
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Premium library intro banner ───────────────────────────────────────── */
/* Intro banner — all rules need !important to beat the #beh-app * reset */
#beh-app .beh-lib-intro-banner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 20px 24px !important;
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%) !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 14px !important;
    margin-bottom: 24px !important;
    margin-top: 0 !important;
}
#beh-app .beh-lib-intro-banner-green {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
    border-color: #bbf7d0 !important;
}
#beh-app .beh-lib-intro-banner-green .beh-lib-intro-banner-icon { color: #16a34a !important; background: rgba(22,163,74,.1) !important; }
#beh-app .beh-lib-intro-banner-green .beh-lib-intro-banner-title { color: #15803d !important; }
#beh-app .beh-lib-intro-banner-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: rgba(37,99,235,.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2563eb !important;
    flex-shrink: 0 !important;
}
#beh-app .beh-lib-intro-banner-body { flex: 1 !important; min-width: 0 !important; }
#beh-app .beh-lib-intro-banner-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1d4ed8 !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    letter-spacing: -.01em !important;
    display: block !important;
}
#beh-app .beh-lib-intro-banner-text {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
    display: block !important;
    margin: 0 !important;
}

/* ── Fighter settings panel inside library ───────────────────────────────── */
#beh-ft-panel-settings .beh-settings-section {
    box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
#beh-ft-panel-settings .beh-settings-section-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    margin-bottom: 2px !important;
}
#beh-ft-panel-settings .beh-settings-section-sub {
    margin-bottom: 14px !important;
}
#beh-ft-panel-settings .beh-settings-add-row {
    margin-top: 12px !important;
}
#beh-ft-panel-settings .beh-settings-add-row .beh-input {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ── Modal title font size ───────────────────────────────────────────────── */
.beh-modal-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   MODAL CONTENT SPACING — Final authority block.
   The #beh-app * reset strips margin/padding from everything. These rules
   restore correct spacing inside .beh-modal-body with !important to win.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Core modal structure ────────────────────────────────────────────────── */
.beh-modal-body > * + * { margin-top: 18px !important; }
.beh-modal-body > *:first-child { margin-top: 0 !important; }

/* ── Form rows / grids ───────────────────────────────────────────────────── */
.beh-modal-body .beh-form-row { margin-bottom: 14px !important; }
.beh-modal-body .beh-form-row:last-child { margin-bottom: 0 !important; }
.beh-modal-body .beh-grid-2 { gap: 14px !important; margin-bottom: 14px !important; }
.beh-modal-body .beh-grid-3 { gap: 14px !important; margin-bottom: 14px !important; }
.beh-modal-body label,
.beh-modal-body .beh-label { display: block !important; margin-bottom: 5px !important; }

/* ── Alert banners inside modal ──────────────────────────────────────────── */
.beh-modal-body .beh-alert { margin-top: 14px !important; margin-bottom: 0 !important; padding: 12px 16px !important; border-radius: 8px !important; }
.beh-modal-body .beh-alert + * { margin-top: 14px !important; }

/* ── Library intro banner (rulebooks + fighters) ─────────────────────────── */
.beh-modal-body .beh-lib-intro-banner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
    padding: 20px 22px !important;
    margin-bottom: 22px !important;
    border-radius: 14px !important;
}
.beh-modal-body .beh-lib-intro-banner-icon {
    width: 46px !important; height: 46px !important;
    border-radius: 12px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important;
}
.beh-modal-body .beh-lib-intro-banner-title { font-size: 15px !important; font-weight: 800 !important; margin-bottom: 5px !important; }
.beh-modal-body .beh-lib-intro-banner-text { font-size: 13px !important; line-height: 1.65 !important; }

/* ── Fighter preview modal ────────────────────────────────────────────────── */
.beh-modal-body .beh-ft-preview { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.beh-modal-body .beh-ft-preview > * + * { margin-top: 16px !important; }
.beh-modal-body .beh-ft-preview-hdr { display: flex !important; align-items: center !important; gap: 16px !important; padding: 4px 0 !important; }
.beh-modal-body .beh-ft-preview-name { font-size: 19px !important; font-weight: 800 !important; margin-bottom: 8px !important; line-height: 1.2 !important; }
.beh-modal-body .beh-ft-preview-meta { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.beh-modal-body .beh-ft-preview-grid {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    border-radius: 10px !important; overflow: hidden !important;
    border: 1px solid var(--border) !important;
}
.beh-modal-body .beh-ft-preview-row { padding: 13px 18px !important; border-bottom: 1px solid #f1f5f9 !important; }
.beh-modal-body .beh-ft-preview-row:nth-last-child(-n+2) { border-bottom: none !important; }
.beh-modal-body .beh-ft-preview-lbl { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: var(--muted) !important; margin-bottom: 3px !important; }
.beh-modal-body .beh-ft-preview-val { font-size: 14px !important; font-weight: 600 !important; }
.beh-modal-body .beh-ft-preview-section { padding: 14px 18px !important; border-radius: 10px !important; }
.beh-modal-body .beh-ft-preview-section-title { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; margin-bottom: 6px !important; }
.beh-modal-body .beh-ft-preview-checks { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.beh-modal-body .beh-ft-preview-check { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 5px 12px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; }

/* ── Rulebook read-only view ─────────────────────────────────────────────── */
.beh-modal-body .beh-rb-view { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.beh-modal-body .beh-rb-view > * + * { margin-top: 16px !important; }
.beh-modal-body .beh-rb-view-meta { display: flex !important; flex-wrap: wrap !important; border-radius: 10px !important; overflow: hidden !important; }
.beh-modal-body .beh-rb-view-row { padding: 14px 18px !important; flex: 1 !important; min-width: 110px !important; border-right: 1px solid var(--border) !important; }
.beh-modal-body .beh-rb-view-row:last-child { border-right: none !important; }
.beh-modal-body .beh-rb-view-lbl { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: var(--muted) !important; margin-bottom: 4px !important; display: block !important; }
.beh-modal-body .beh-rb-view-val { font-size: 13.5px !important; font-weight: 600 !important; display: block !important; }
.beh-modal-body .beh-rb-view-link { display: flex !important; align-items: center !important; gap: 10px !important; padding: 14px 18px !important; border-radius: 10px !important; }
.beh-modal-body .beh-rb-view-sections { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.beh-modal-body .beh-rb-view-sections > * + * { margin-top: 6px !important; }
.beh-modal-body .beh-rb-view-section { border-radius: 10px !important; overflow: hidden !important; }
.beh-modal-body .beh-rb-view-section-hdr { display: flex !important; align-items: center !important; gap: 10px !important; padding: 13px 16px !important; width: 100% !important; }
.beh-modal-body .beh-rb-view-section-icon { flex-shrink: 0 !important; }
.beh-modal-body .beh-rb-view-section-title { flex: 1 !important; font-size: 13.5px !important; font-weight: 700 !important; }
.beh-modal-body .beh-rb-view-section-count { font-size: 11px !important; padding: 2px 8px !important; border-radius: 20px !important; }
.beh-modal-body .beh-rb-view-section-body { padding: 4px 18px 18px !important; }
.beh-modal-body .beh-rb-view-field { padding: 12px 0 !important; }
.beh-modal-body .beh-rb-view-field:first-child { padding-top: 12px !important; }
.beh-modal-body .beh-rb-view-field-lbl { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; margin-bottom: 5px !important; }
.beh-modal-body .beh-rb-view-field-val { font-size: 13px !important; line-height: 1.65 !important; }
.beh-modal-body .beh-rb-view-notes { padding: 16px 18px !important; border-radius: 10px !important; }
.beh-modal-body .beh-rb-view-notes-title { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; margin-bottom: 6px !important; }
.beh-modal-body .beh-rb-view-notes-body { font-size: 13px !important; line-height: 1.65 !important; }
.beh-modal-body .beh-rb-view-empty { padding: 28px !important; text-align: center !important; border-radius: 10px !important; font-size: 13px !important; }

/* ── Fighter settings inside library ─────────────────────────────────────── */
.beh-modal-body .beh-settings-section { padding: 20px 22px !important; border-radius: 12px !important; margin-bottom: 0 !important; }
.beh-modal-body .beh-settings-section + .beh-settings-section { margin-top: 12px !important; }
.beh-modal-body .beh-settings-section-title { font-size: 14px !important; font-weight: 700 !important; margin-bottom: 2px !important; }
.beh-modal-body .beh-settings-section-sub { font-size: 12.5px !important; margin-bottom: 12px !important; line-height: 1.5 !important; }
.beh-modal-body .beh-settings-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; min-height: 28px !important; }
.beh-modal-body .beh-settings-add-row { display: flex !important; gap: 8px !important; align-items: center !important; margin-top: 12px !important; }
.beh-modal-body .beh-settings-add-row .beh-input,
.beh-modal-body .beh-settings-add-row input { flex: 1 !important; min-width: 0 !important; }
.beh-modal-body .beh-settings-tag { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 4px 10px !important; border-radius: 20px !important; font-size: 12.5px !important; font-weight: 600 !important; }

/* ── Rulebook builder form ───────────────────────────────────────────────── */
.beh-modal-body .beh-rb-lib-form-hdr { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-bottom: 20px !important; }
.beh-modal-body .beh-rb-lib-form-hdr > * + * { margin-top: 12px !important; }
.beh-modal-body .beh-rb-modal-hint { font-size: 12.5px !important; color: var(--muted) !important; margin-bottom: 12px !important; line-height: 1.55 !important; }
.beh-modal-body .beh-rb-modal-sections { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.beh-modal-body .beh-rb-ms-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 13px 14px !important; border-radius: 8px !important; margin-bottom: 4px !important; cursor: pointer !important; }

/* ── Sub-tabs inside modal ───────────────────────────────────────────────── */
.beh-modal-body .beh-sub-tabs { display: flex !important; gap: 4px !important; margin-bottom: 20px !important; }
.beh-modal-body .beh-sub-tab { padding: 8px 16px !important; font-size: 13.5px !important; font-weight: 600 !important; }

/* ── Licence activation steps ───────────────────────────────────────────── */
.beh-modal-body .beh-lc-steps { display: flex !important; align-items: center !important; margin-bottom: 24px !important; gap: 0 !important; }
.beh-modal-body .beh-lc-sl-card { padding: 16px 18px !important; border-radius: 10px !important; margin-bottom: 16px !important; }
.beh-modal-body .beh-lc-sl-alert { padding: 14px 16px !important; border-radius: 8px !important; margin-bottom: 16px !important; }
.beh-modal-body .beh-lc-sl-alert-title { font-size: 13.5px !important; font-weight: 700 !important; margin-bottom: 4px !important; }
.beh-modal-body .beh-lc-sl-explain-row { display: flex !important; gap: 8px !important; padding: 7px 0 !important; font-size: 13px !important; line-height: 1.5 !important; }
.beh-modal-body .beh-lc-sl-check-wrap { display: flex !important; align-items: flex-start !important; gap: 10px !important; padding: 14px 16px !important; border-radius: 8px !important; margin-top: 12px !important; }
.beh-modal-body .beh-lc-part-numbers { display: flex !important; align-items: center !important; padding: 24px !important; border-radius: 12px !important; margin: 4px 0 !important; }
.beh-modal-body .beh-lc-part-num { padding: 0 24px !important; text-align: center !important; flex: 1 !important; }
.beh-modal-body .beh-lc-part-num-val { font-size: 36px !important; font-weight: 900 !important; line-height: 1 !important; }
.beh-modal-body .beh-lc-part-num-lbl { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .04em !important; margin-top: 4px !important; }
.beh-modal-body .beh-lc-part-confirm-title { font-size: 15px !important; font-weight: 700 !important; margin-bottom: 4px !important; }
.beh-modal-body .beh-lc-part-confirm-sub { font-size: 13px !important; line-height: 1.6 !important; color: var(--muted) !important; }
.beh-modal-body .beh-lc-part-edit-hint { font-size: 12.5px !important; text-align: center !important; color: var(--muted) !important; margin-top: 4px !important; }

/* ── General spacing helpers inside modal ────────────────────────────────── */
.beh-modal-body p { margin-bottom: 10px !important; line-height: 1.65 !important; }
.beh-modal-body p:last-child { margin-bottom: 0 !important; }
.beh-modal-body h3, .beh-modal-body h4 { font-size: 14px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.beh-modal-body .beh-card-title { font-size: 15px !important; font-weight: 800 !important; margin-bottom: 4px !important; }
.beh-modal-body .beh-text-muted { color: var(--muted) !important; }
.beh-modal-body .beh-flex-between { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 16px !important; }


/* ════════════════════════════════════════════════════════════════════════════
   v1.5.46 — Concussion protocol modals + fighter table state
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Amber button variant ────────────────────────────────────────────────── */
#beh-app .beh-btn-amber,
.beh-modal .beh-btn-amber {
    background: #d97706 !important;
    color: #fff !important;
    border-color: #d97706 !important;
    font-weight: 700 !important;
}
#beh-app .beh-btn-amber:hover,
.beh-modal .beh-btn-amber:hover {
    background: #b45309 !important;
    border-color: #b45309 !important;
}

/* ── Concussion row highlight in fighter table ───────────────────────────── */
#beh-app .beh-ft-row-concussed {
    background: #fffbeb !important;
}
#beh-app .beh-ft-row-concussed td {
    border-bottom-color: #fde68a !important;
}

/* ── Concussion flag modal ───────────────────────────────────────────────── */
.beh-modal-body .beh-conc-warning {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px 24px 22px !important;
    background: #fffbeb !important;
    border: 1.5px solid #fde68a !important;
    border-radius: 14px !important;
    margin-bottom: 20px !important;
}
.beh-modal-body .beh-conc-warning-icon {
    font-size: 36px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-warning-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #92400e !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-warning-sub {
    font-size: 13px !important;
    color: #78350f !important;
    line-height: 1.6 !important;
    display: block !important;
}
.beh-modal-body .beh-conc-guidance {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    margin-bottom: 18px !important;
}
.beh-modal-body .beh-conc-guidance-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    color: #991b1b !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-guidance-text {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #7f1d1d !important;
    display: block !important;
}
.beh-modal-body .beh-conc-symptoms {
    margin: 10px 0 0 16px !important;
    padding: 0 !important;
}
.beh-modal-body .beh-conc-symptoms li {
    font-size: 13px !important;
    color: #7f1d1d !important;
    line-height: 1.65 !important;
    margin-bottom: 3px !important;
    padding: 0 !important;
    list-style: disc !important;
}
.beh-modal-body .beh-conc-policy-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #1d4ed8 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
.beh-modal-body .beh-conc-confirm-block {
    background: #f8fafc !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
}
.beh-modal-body .beh-conc-confirm-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: var(--dark) !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-confirm-text {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #374151 !important;
    display: block !important;
}

/* ── Return to play modal ────────────────────────────────────────────────── */
.beh-modal-body .beh-conc-rtp-header {
    text-align: center !important;
    padding: 12px 0 22px !important;
}
.beh-modal-body .beh-conc-rtp-icon {
    font-size: 40px !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-rtp-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-rtp-sub {
    font-size: 13px !important;
    color: var(--muted) !important;
    display: block !important;
    line-height: 1.6 !important;
}
.beh-modal-body .beh-conc-rtp-steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-bottom: 18px !important;
}
.beh-modal-body .beh-conc-rtp-steps > * + * { margin-top: 10px !important; }
.beh-modal-body .beh-conc-rtp-step {
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start !important;
    padding: 16px 18px !important;
    background: #f8fafc !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
}
.beh-modal-body .beh-conc-rtp-step-num {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: var(--primary) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.beh-modal-body .beh-conc-rtp-step-body { flex: 1 !important; min-width: 0 !important; }
.beh-modal-body .beh-conc-rtp-step-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-rtp-step-text {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-rtp-checkbox {
    background: #f0fdf4 !important;
    border: 1.5px solid #bbf7d0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.48 — Event fighter card register + concussion preview banner
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Event fighter card list ─────────────────────────────────────────────── */
#beh-app .beh-evt-fighter-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

#beh-app .beh-evt-fighter-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: border-color .15s, box-shadow .15s !important;
}
#beh-app .beh-evt-fighter-card:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 2px 10px rgba(30,64,175,.08) !important;
}
#beh-app .beh-evt-fighter-concussed {
    border-color: #fde68a !important;
    background: #fffbeb !important;
}
#beh-app .beh-evt-fighter-concussed:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 2px 10px rgba(217,119,6,.1) !important;
}

/* Avatar */
#beh-app .beh-evt-fighter-av {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
    background: #e0e7ff !important;
    color: #3730a3 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: .02em !important;
}
#beh-app .beh-evt-fighter-av-conc {
    background: #fde68a !important;
    color: #92400e !important;
}

/* Body */
#beh-app .beh-evt-fighter-body {
    flex: 1 !important;
    min-width: 0 !important;
}
#beh-app .beh-evt-fighter-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    margin-bottom: 4px !important;
    display: block !important;
}
#beh-app .beh-evt-fighter-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-evt-fighter-status {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 2px !important;
}
#beh-app .beh-evt-status-ok,
#beh-app .beh-evt-status-warn {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    padding: 2px 0 !important;
    display: inline-block !important;
}
#beh-app .beh-evt-status-ok  { color: #16a34a !important; }
#beh-app .beh-evt-status-warn { color: #d97706 !important; }

/* Concussion label inside card */
#beh-app .beh-evt-fighter-conc-badge {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #92400e !important;
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    display: inline-block !important;
    margin-top: 4px !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

/* Library card concussion badge */
#beh-app .beh-ft-card-conc-badge {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #92400e !important;
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    display: block !important;
    margin: 4px 0 8px !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

/* Card actions column */
#beh-app .beh-evt-fighter-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-end !important;
    flex-shrink: 0 !important;
}

/* ── Concussion preview banner (inside profile modal) ────────────────────── */
.beh-modal-body .beh-conc-preview-banner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    background: #fffbeb !important;
    border: 1.5px solid #fde68a !important;
    border-radius: 12px !important;
    margin-bottom: 18px !important;
}
.beh-modal-body .beh-conc-preview-banner-icon {
    font-size: 22px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-preview-banner-title {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #92400e !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.beh-modal-body .beh-conc-preview-banner-text {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    color: #78350f !important;
    display: block !important;
}

/* ── Concussed avatar tint on preview modal ──────────────────────────────── */
.beh-modal-body .beh-ft-av-conc {
    background: #fde68a !important;
    color: #92400e !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.48 — Finance Tab
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Finance header ──────────────────────────────────────────────────────── */
#beh-app .beh-fin-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    gap: 12px !important;
}
#beh-app .beh-fin-header .beh-card-sub {
    font-size: 13px !important;
    color: var(--muted) !important;
    margin-top: 2px !important;
    display: block !important;
}

/* ── Insurance callout ───────────────────────────────────────────────────── */
#beh-app .beh-fin-insurance-note {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    color: #14532d !important;
    margin-bottom: 18px !important;
}
#beh-app .beh-fin-insurance-note svg { flex-shrink: 0 !important; color: #16a34a !important; }

/* ── Layout ──────────────────────────────────────────────────────────────── */
#beh-app .beh-fin-layout {
    display: grid !important;
    grid-template-columns: 1fr 300px !important;
    gap: 20px !important;
    align-items: start !important;
}
@media (max-width: 860px) {
    #beh-app .beh-fin-layout { grid-template-columns: 1fr !important; }
}

/* ── Input groups ────────────────────────────────────────────────────────── */
#beh-app .beh-fin-group {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
}
#beh-app .beh-fin-group-hdr {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 16px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}
#beh-app .beh-fin-hdr-rev   { background: #dcfce7 !important; color: #14532d !important; }
#beh-app .beh-fin-hdr-cost  { background: #fee2e2 !important; color: #7f1d1d !important; }
#beh-app .beh-fin-hdr-actual{ background: #e0e7ff !important; color: #1e1b4b !important; }
#beh-app .beh-fin-hdr-notes { background: #f1f5f9 !important; color: #334155 !important; }

/* ── Input rows ──────────────────────────────────────────────────────────── */
#beh-app .beh-fin-row {
    display: flex !important;
    align-items: center !important;
    padding: 9px 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    gap: 10px !important;
}
#beh-app .beh-fin-group .beh-fin-row:last-child { border-bottom: none !important; }
#beh-app .beh-fin-label {
    flex: 1 !important;
    font-size: 13px !important;
    color: #374151 !important;
    min-width: 0 !important;
    display: block !important;
}
#beh-app .beh-fin-field-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    width: 140px !important;
    flex-shrink: 0 !important;
}
#beh-app .beh-fin-prefix {
    padding: 0 8px !important;
    font-size: 13px !important;
    color: var(--muted) !important;
    font-weight: 600 !important;
    background: #f8fafc !important;
    border-right: 1px solid var(--border) !important;
    line-height: 36px !important;
    display: block !important;
}
#beh-app .beh-fin-unit {
    padding: 0 8px !important;
    font-size: 12px !important;
    color: var(--muted) !important;
    background: #f8fafc !important;
    border-left: 1px solid var(--border) !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    display: block !important;
}
#beh-app .beh-fin-input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    padding: 0 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    height: 36px !important;
    line-height: 36px !important;
    color: var(--dark) !important;
    box-shadow: none !important;
}
#beh-app .beh-fin-helper {
    font-size: 11.5px !important;
    color: var(--muted) !important;
    width: 100% !important;
    padding: 0 16px 8px !important;
    display: block !important;
}
#beh-app .beh-fin-notes-ta {
    width: 100% !important;
    min-height: 90px !important;
    font-size: 13px !important;
    resize: vertical !important;
}
#beh-app .beh-fin-row .beh-label { margin: 0 !important; }

/* ── Results panel ───────────────────────────────────────────────────────── */
#beh-app .beh-fin-results {
    position: sticky !important;
    top: 80px !important;
}
#beh-app .beh-fin-results-inner {
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 16px !important;
    padding: 20px !important;
}
#beh-app .beh-fin-res-section {
    padding: 4px 0 10px !important;
}
#beh-app .beh-fin-res-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--muted) !important;
    margin-bottom: 4px !important;
    display: block !important;
}
#beh-app .beh-fin-res-value {
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    display: block !important;
    margin-bottom: 4px !important;
}
#beh-app .beh-fin-res-breakdown {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}
#beh-app .beh-fin-res-breakdown span {
    font-size: 11px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    display: inline-block !important;
}
#beh-app .beh-fin-res-divider {
    height: 1px !important;
    background: #e2e8f0 !important;
    margin: 10px 0 !important;
    display: block !important;
}
#beh-app .beh-fin-res-divider-strong {
    height: 2px !important;
    background: #cbd5e1 !important;
    margin: 14px 0 !important;
}
#beh-app .beh-fin-pl {
    padding: 14px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    margin-bottom: 12px !important;
    border: 1.5px solid var(--border) !important;
}
#beh-app .beh-fin-pl-profit { background: #f0fdf4 !important; border-color: #bbf7d0 !important; }
#beh-app .beh-fin-pl-loss   { background: #fff1f2 !important; border-color: #fecdd3 !important; }
#beh-app .beh-fin-pl-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--muted) !important;
    margin-bottom: 6px !important;
    display: block !important;
}
#beh-app .beh-fin-pl-value {
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
    display: block !important;
    margin-bottom: 4px !important;
}
#beh-app .beh-fin-pl-note {
    font-size: 12px !important;
    color: var(--muted) !important;
    display: block !important;
}
#beh-app .beh-fin-be {
    padding: 10px 0 12px !important;
    border-top: 1px solid #e2e8f0 !important;
}
#beh-app .beh-fin-be-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--muted) !important;
    margin-bottom: 4px !important;
    display: block !important;
}
#beh-app .beh-fin-be-val {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    display: block !important;
}
#beh-app .beh-fin-green { color: #16a34a !important; }
#beh-app .beh-fin-red   { color: #dc2626 !important; }

/* Actuals comparison */
#beh-app .beh-fin-actuals {
    background: #f8fafc !important;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin-top: 12px !important;
}
#beh-app .beh-fin-actuals-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    color: var(--muted) !important;
    margin-bottom: 8px !important;
    display: block !important;
}
#beh-app .beh-fin-actuals-row {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12.5px !important;
    padding: 3px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
#beh-app .beh-fin-actuals-row:last-child { border-bottom: none !important; }
#beh-app .beh-fin-actuals-total {
    font-weight: 800 !important;
    padding-top: 6px !important;
    margin-top: 2px !important;
    font-size: 13px !important;
}
#beh-app .beh-fin-ins-note {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 0 0 !important;
    font-size: 11.5px !important;
    color: #16a34a !important;
    border-top: 1px solid #e2e8f0 !important;
    margin-top: 12px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.51 — Finance padding fix + Risk Assessment + Fixtures
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Finance: fix actuals row wrapping ───────────────────────────────────── */
#beh-app .beh-fin-row-wrap {
    border-bottom: 1px solid #f1f5f9 !important;
}
#beh-app .beh-fin-row-wrap:last-child { border-bottom: none !important; }
#beh-app .beh-fin-row-wrap .beh-fin-row {
    border-bottom: none !important;
}
#beh-app .beh-fin-row-wrap .beh-fin-helper {
    padding: 0 16px 10px !important;
    margin-top: -2px !important;
}
/* Legacy rows without wrapper still look right */
#beh-app .beh-fin-group > .beh-fin-row:last-child { border-bottom: none !important; }

/* ── Risk + Fixtures shared: save CTA banner ─────────────────────────────── */
#beh-app .beh-risk-save-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 11px 16px !important;
    background: #fffbeb !important;
    border: 1.5px solid #fde68a !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
    transition: background .2s, border-color .2s !important;
}
#beh-app .beh-risk-save-cta.beh-risk-cta-dirty {
    background: #fef9c3 !important;
    border-color: #fbbf24 !important;
}
#beh-app .beh-risk-save-cta-inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #78350f !important;
}
#beh-app .beh-risk-save-cta svg { flex-shrink: 0 !important; color: #d97706 !important; }

/* ── Risk + Fixtures shared: header ──────────────────────────────────────── */
#beh-app .beh-risk-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-risk-header .beh-card-sub {
    font-size: 13px !important;
    color: var(--muted) !important;
    margin-top: 2px !important;
    display: block !important;
}

/* ── Risk legend ─────────────────────────────────────────────────────────── */
#beh-app .beh-risk-legend {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 14px !important;
    font-size: 12px !important;
}
#beh-app .beh-risk-badge {
    display: inline-block !important;
    padding: 3px 9px !important;
    border-radius: 5px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
#beh-app .beh-risk-low    { background: #dcfce7 !important; color: #14532d !important; }
#beh-app .beh-risk-med    { background: #fef9c3 !important; color: #713f12 !important; }
#beh-app .beh-risk-high   { background: #fed7aa !important; color: #7c2d12 !important; }
#beh-app .beh-risk-vhigh  { background: #fecdd3 !important; color: #7f1d1d !important; }

/* ── Risk table ──────────────────────────────────────────────────────────── */
#beh-app .beh-risk-table-wrap {
    overflow-x: auto !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    background: #fff !important;
}
#beh-app .beh-risk-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12.5px !important;
}
#beh-app .beh-risk-table thead tr {
    background: #f8fafc !important;
    border-bottom: 2px solid var(--border) !important;
}
#beh-app .beh-risk-table th {
    padding: 10px 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--muted) !important;
    text-align: left !important;
    white-space: nowrap !important;
}
#beh-app .beh-risk-table tbody tr {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background .1s !important;
}
#beh-app .beh-risk-table tbody tr:last-child { border-bottom: none !important; }
#beh-app .beh-risk-table tbody tr:hover { background: #f8fafc !important; }
#beh-app .beh-risk-table td { padding: 6px 6px !important; vertical-align: top !important; }
#beh-app .beh-risk-drag-cell { cursor: grab !important; color: #cbd5e1 !important; font-size: 16px !important; padding: 0 4px !important; user-select: none !important; }
#beh-app .beh-risk-drag      { display: block !important; padding: 8px 4px !important; }
#beh-app .beh-risk-num-cell  { text-align: center !important; vertical-align: middle !important; }
#beh-app .beh-risk-act-cell  { vertical-align: middle !important; text-align: center !important; }

/* ── Risk cell inputs ────────────────────────────────────────────────────── */
#beh-app .beh-risk-ta,
#beh-app .beh-risk-inp,
#beh-app .beh-fix-cell {
    width: 100% !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    padding: 5px 7px !important;
    font-size: 12px !important;
    background: transparent !important;
    transition: border-color .15s, background .15s !important;
    font-family: inherit !important;
    resize: vertical !important;
    color: var(--dark) !important;
    min-width: 0 !important;
    box-shadow: none !important;
}
#beh-app .beh-risk-inp,
#beh-app .beh-fix-cell { resize: none !important; }
#beh-app .beh-risk-ta:focus,
#beh-app .beh-risk-inp:focus,
#beh-app .beh-fix-cell:focus {
    border-color: var(--primary) !important;
    background: #f0f9ff !important;
    outline: none !important;
}
#beh-app .beh-risk-select {
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    padding: 4px 6px !important;
    font-size: 12px !important;
    background: transparent !important;
    width: 52px !important;
    text-align: center !important;
    cursor: pointer !important;
    color: var(--dark) !important;
}
#beh-app .beh-risk-select:focus { border-color: var(--primary) !important; outline: none !important; background: #f0f9ff !important; }
#beh-app .beh-risk-check { width: 16px !important; height: 16px !important; cursor: pointer !important; }

/* ── Fixtures table ──────────────────────────────────────────────────────── */
#beh-app .beh-fix-table-wrap {
    overflow-x: auto !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    background: #fff !important;
}
#beh-app .beh-fix-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12.5px !important;
}
#beh-app .beh-fix-table thead tr {
    background: #f8fafc !important;
    border-bottom: 2px solid var(--border) !important;
}
#beh-app .beh-fix-table th {
    padding: 10px 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--muted) !important;
    text-align: left !important;
    white-space: nowrap !important;
}
#beh-app .beh-fix-table tbody tr {
    border-bottom: 1px solid #f1f5f9 !important;
}
#beh-app .beh-fix-table tbody tr:last-child { border-bottom: none !important; }
#beh-app .beh-fix-table tbody tr:nth-child(even) { background: #fafafa !important; }
#beh-app .beh-fix-table td { padding: 6px 6px !important; vertical-align: middle !important; }

#beh-app .beh-fix-fighter-cell {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
#beh-app .beh-fix-ft-sel {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    padding: 4px 6px !important;
    font-size: 11.5px !important;
    background: #f8fafc !important;
    color: var(--dark) !important;
    cursor: pointer !important;
}
#beh-app .beh-fix-name-inp {
    font-size: 11.5px !important;
    color: #475569 !important;
    font-style: italic !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.52 — Rulebook tile, hub CTA, overview CPD CTA
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Rulebook tab wrapper ────────────────────────────────────────────────── */
#beh-app .beh-rb-tab-wrap {
    max-width: 780px !important;
}

/* ── Library notice banner ───────────────────────────────────────────────── */
#beh-app .beh-rb-library-notice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    color: #0c4a6e !important;
    margin-bottom: 18px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-rb-library-notice svg { flex-shrink: 0 !important; color: #0284c7 !important; }
#beh-app .beh-rb-library-notice strong { color: #0c4a6e !important; }
#beh-app .beh-rb-library-notice span { flex: 1 !important; min-width: 200px !important; }

/* ── Empty state ─────────────────────────────────────────────────────────── */
#beh-app .beh-rb-empty-state {
    text-align: center !important;
    padding: 48px 24px !important;
    background: #fff !important;
    border: 1.5px dashed #e2e8f0 !important;
    border-radius: 16px !important;
}
#beh-app .beh-rb-empty-icon {
    color: #cbd5e1 !important;
    margin-bottom: 16px !important;
}
#beh-app .beh-rb-empty-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    margin-bottom: 10px !important;
}
#beh-app .beh-rb-empty-body {
    font-size: 13px !important;
    color: var(--muted) !important;
    line-height: 1.65 !important;
    margin-bottom: 22px !important;
    max-width: 440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#beh-app .beh-rb-empty-actions {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* ── Rulebook tile card ──────────────────────────────────────────────────── */
#beh-app .beh-rb-tile {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    background: #fff !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-rb-tile-icon {
    width: 46px !important;
    height: 46px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
#beh-app .beh-rb-tile-body {
    flex: 1 !important;
    min-width: 180px !important;
}
#beh-app .beh-rb-tile-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-rb-tile-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-rb-tile-chip {
    display: inline-block !important;
    padding: 2px 8px !important;
    background: #f1f5f9 !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    color: #475569 !important;
    font-weight: 500 !important;
}
#beh-app .beh-rb-tile-url {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}
#beh-app .beh-rb-tile-link {
    color: var(--primary) !important;
    text-decoration: none !important;
    word-break: break-all !important;
}
#beh-app .beh-rb-tile-link:hover { text-decoration: underline !important; }
#beh-app .beh-rb-tile-progress {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 6px !important;
    font-size: 11.5px !important;
    color: var(--muted) !important;
}
#beh-app .beh-rb-tile-prog-bar {
    flex: 1 !important;
    max-width: 120px !important;
    height: 5px !important;
    background: #e2e8f0 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}
#beh-app .beh-rb-tile-prog-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #16a34a, #4ade80) !important;
    border-radius: 3px !important;
    transition: width .4s !important;
}
#beh-app .beh-rb-tile-actions {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* ── Notes block below tile ──────────────────────────────────────────────── */
#beh-app .beh-rb-tile-notes {
    padding: 14px 18px !important;
    background: #fafafa !important;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}
#beh-app .beh-rb-tile-notes-label {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--muted) !important;
    margin-bottom: 6px !important;
}
#beh-app .beh-rb-tile-notes-body {
    font-size: 13px !important;
    color: var(--text) !important;
    line-height: 1.65 !important;
}

/* ── Edit notice ─────────────────────────────────────────────────────────── */
#beh-app .beh-rb-edit-notice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    color: #78350f !important;
    line-height: 1.55 !important;
}
#beh-app .beh-rb-edit-notice svg { flex-shrink: 0 !important; margin-top: 1px !important; color: #d97706 !important; }
#beh-app .beh-rb-edit-notice a { color: #92400e !important; font-weight: 600 !important; text-decoration: underline !important; }

/* ── Rulebook modal view ─────────────────────────────────────────────────── */
#beh-app .beh-rb-view-body { display: flex !important; flex-direction: column !important; gap: 14px !important; }
#beh-app .beh-rb-view-section {
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
#beh-app .beh-rb-view-sec-title {
    padding: 10px 14px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
    background: #f8fafc !important;
    color: var(--muted) !important;
    border-bottom: 1px solid var(--border) !important;
}
#beh-app .beh-rb-view-field {
    display: flex !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
}
#beh-app .beh-rb-view-field:last-child { border-bottom: none !important; }
#beh-app .beh-rb-view-field-lbl {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--muted) !important;
    min-width: 140px !important;
    flex-shrink: 0 !important;
    padding-top: 1px !important;
}
#beh-app .beh-rb-view-field-val { color: var(--dark) !important; line-height: 1.55 !important; }

/* ── Event Ready CTA on overview tab ─────────────────────────────────────── */
#beh-app .beh-er-cta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    background: linear-gradient(135deg, #1e3a5f 0%, #1e3a5f 60%, #0f3460 100%) !important;
    border-radius: 14px !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-er-cta-icon {
    width: 46px !important;
    height: 46px !important;
    background: rgba(255,255,255,.12) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #fbbf24 !important;
}
#beh-app .beh-er-cta-body { flex: 1 !important; min-width: 200px !important; }
#beh-app .beh-er-cta-title {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 5px !important;
}
#beh-app .beh-er-cta-text {
    font-size: 12.5px !important;
    color: rgba(255,255,255,.78) !important;
    line-height: 1.6 !important;
}
#beh-app .beh-er-cta-text strong { color: #fbbf24 !important; }
#beh-app .beh-er-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px 20px !important;
    background: #fbbf24 !important;
    color: #1e3a5f !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: background .15s !important;
}
#beh-app .beh-er-cta-btn:hover { background: #f59e0b !important; }

/* ── Event Ready CTA on hub homepage ─────────────────────────────────────── */
#beh-app .beh-er-hub-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    background: #fff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-left: 4px solid #f59e0b !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-er-hub-cta-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    min-width: 200px !important;
}
#beh-app .beh-er-hub-cta-icon {
    width: 38px !important;
    height: 38px !important;
    background: #fffbeb !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #d97706 !important;
}
#beh-app .beh-er-hub-cta-text {
    font-size: 12.5px !important;
    color: var(--text) !important;
    line-height: 1.55 !important;
}
#beh-app .beh-er-hub-cta-text strong { color: var(--dark) !important; }
#beh-app .beh-er-hub-btn {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.53 — Fighter card layout, age badges, risk up/down, upload fix
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Event fighter card: prevent wrap, keep actions visible ─────────────── */
#beh-app .beh-evt-fighter-card {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
}
#beh-app .beh-evt-fighter-av {
    flex-shrink: 0 !important;
    align-self: center !important;
}
#beh-app .beh-evt-fighter-actions {
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    padding-top: 2px !important;
}

/* ── Library fighter card: prevent wrap ──────────────────────────────────── */
#beh-app .beh-ft-card {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
}
#beh-app .beh-ft-card-av {
    flex-shrink: 0 !important;
    align-self: center !important;
}
#beh-app .beh-ft-card-actions {
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    padding-top: 2px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: flex-end !important;
}

/* ── Age badges ──────────────────────────────────────────────────────────── */
#beh-app .beh-ft-age-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #f0fdf4 !important;
    color: #15803d !important;
    border: 1px solid #bbf7d0 !important;
}
#beh-app .beh-ft-age-badge.beh-ft-age-minor {
    background: #fef9c3 !important;
    color: #854d0e !important;
    border-color: #fde047 !important;
}
#beh-app .beh-ft-age-badge.beh-ft-age-minor::before {
    content: '🛡';
    font-size: 10px !important;
}

/* ── Risk table: actions column wider for 3 buttons ─────────────────────── */
#beh-app .beh-risk-act-cell {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    align-items: center !important;
    padding: 6px 4px !important;
}
#beh-app .beh-risk-table td .beh-btn-xs {
    font-size: 11px !important;
    padding: 2px 6px !important;
    min-width: 28px !important;
    text-align: center !important;
}

/* ── Risk textarea auto-expand ───────────────────────────────────────────── */
#beh-app .beh-risk-ta {
    min-height: 52px !important;
}

/* ── Fixture fighter cell: proper column layout ──────────────────────────── */
#beh-app .beh-fix-fighter-cell {
    gap: 6px !important;
}
#beh-app .beh-fix-ft-sel {
    font-size: 11.5px !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.54 — Premium fighter notices + SVG concussion badges
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Fighter notice stack ────────────────────────────────────────────────── */
#beh-app .beh-ft-notices {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}
#beh-app .beh-ft-notices:empty { display: none !important; }

#beh-app .beh-ft-notice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    border: 1.5px solid !important;
}

#beh-app .beh-ft-notice-amber {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}
#beh-app .beh-ft-notice-red {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

#beh-app .beh-ft-notice-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
#beh-app .beh-ft-notice-amber .beh-ft-notice-icon {
    background: #fef3c7 !important;
    color: #d97706 !important;
}
#beh-app .beh-ft-notice-red .beh-ft-notice-icon {
    background: #ffe4e6 !important;
    color: #e11d48 !important;
}

#beh-app .beh-ft-notice-body { flex: 1 !important; min-width: 0 !important; }

#beh-app .beh-ft-notice-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
}
#beh-app .beh-ft-notice-amber .beh-ft-notice-title { color: #92400e !important; }
#beh-app .beh-ft-notice-red   .beh-ft-notice-title { color: #881337 !important; }

#beh-app .beh-ft-notice-text {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
}
#beh-app .beh-ft-notice-amber .beh-ft-notice-text { color: #78350f !important; }
#beh-app .beh-ft-notice-red   .beh-ft-notice-text { color: #9f1239 !important; }
#beh-app .beh-ft-notice-text strong { font-weight: 700 !important; }

/* ── Fighter list header row ─────────────────────────────────────────────── */
#beh-app .beh-ft-list-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-ft-count {
    font-size: 13.5px !important;
    color: var(--dark) !important;
}

/* ── Concussion badge on fighter cards — SVG version ─────────────────────── */
#beh-app .beh-evt-fighter-conc-badge,
#beh-app .beh-ft-card-conc-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}
#beh-app .beh-evt-fighter-conc-badge svg,
#beh-app .beh-ft-card-conc-badge svg {
    flex-shrink: 0 !important;
    stroke: currentColor !important;
}

/* ── Concussion preview modal banner — SVG icon ──────────────────────────── */
.beh-modal-body .beh-conc-preview-banner-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #ffe4e6 !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    color: #e11d48 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   v1.5.56 — Two-tour system: hub tour + event tour
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Tour step counter ───────────────────────────────────────────────────── */
#beh-app .beh-tour-step-counter {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}

/* ── Tour icon colour variants ───────────────────────────────────────────── */
#beh-app .beh-tour-icon-blue {
    background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
    box-shadow: 0 4px 20px rgba(59,130,246,.3) !important;
}
#beh-app .beh-tour-icon-green {
    background: linear-gradient(135deg, #15803d, #22c55e) !important;
    box-shadow: 0 4px 20px rgba(34,197,94,.25) !important;
}
#beh-app .beh-tour-icon-amber {
    background: linear-gradient(135deg, #b45309, #f59e0b) !important;
    box-shadow: 0 4px 20px rgba(245,158,11,.25) !important;
}
#beh-app .beh-tour-icon-slate {
    background: linear-gradient(135deg, #334155, #64748b) !important;
    box-shadow: 0 4px 20px rgba(100,116,139,.2) !important;
}

/* ── Tour body: allow HTML with line breaks ──────────────────────────────── */
#beh-app .beh-tour-body br {
    display: block !important;
    content: '' !important;
    margin-top: 6px !important;
}
#beh-app .beh-tour-body strong { font-weight: 700 !important; color: #1e293b !important; }

/* ── Hub footer with version + tour replay link ──────────────────────────── */
#beh-app .beh-hub-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
#beh-app .beh-hub-foot-links {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
}
#beh-app .beh-hub-foot-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: color .15s !important;
}
#beh-app .beh-hub-foot-link:hover { color: var(--primary) !important; }
#beh-app .beh-hub-foot-link svg { flex-shrink: 0 !important; }

/* ── Tour tab highlight ───────────────────────────────────────────────────── */
#beh-app .beh-tab.beh-tour-highlight {
    background: #eff6ff !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.18), 0 2px 10px rgba(59,130,246,.15) !important;
    position: relative !important;
    z-index: 2 !important;
}
#beh-app .beh-tab.beh-tour-highlight::after {
    content: '' !important;
    position: absolute !important;
    bottom: -6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--primary) !important;
    border-radius: 50% !important;
    animation: beh-tab-pulse .9s ease-in-out infinite alternate !important;
}
@keyframes beh-tab-pulse {
    from { opacity: .5; transform: translateX(-50%) scale(.8); }
    to   { opacity: 1; transform: translateX(-50%) scale(1.2); }
}

/* ════════════════════════════════════════════════════════════════════════════
   COMPLIANCE ACTIVITY NOTICE (hub card)
   ════════════════════════════════════════════════════════════════════════════ */
#beh-app .beh-ec-activity-notice {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    background: #f0fdf4 !important;
    border-top: 1px solid #bbf7d0 !important;
    border-radius: 0 0 12px 12px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #166534 !important;
}
#beh-app .beh-ec-activity-notice svg {
    flex-shrink: 0 !important;
    color: #16a34a !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   FIXTURE CLASH WARNINGS
   ════════════════════════════════════════════════════════════════════════════ */
#beh-app .beh-fix-clash-row { background: transparent !important; }
#beh-app .beh-fix-clash-cell { padding: 0 !important; border: none !important; }
#beh-app .beh-fix-clash-warn {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 10px !important;
    margin: 0 0 4px 0 !important;
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
#beh-app .beh-fix-clash-warn.beh-fix-clash-amber {
    background: #fffbeb !important;
    border: 1px solid #fbbf24 !important;
    color: #92400e !important;
}
#beh-app .beh-fix-clash-warn.beh-fix-clash-red {
    background: #fef2f2 !important;
    border: 1px solid #fca5a5 !important;
    color: #991b1b !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   MOBILE — tab bar + cards
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

    /* ── Tab bar: horizontal scroll ─────────────────────────────────────── */
    #beh-app .beh-tab-bar {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        gap: 4px !important;
        padding: 0 0 4px 0 !important;
        scrollbar-width: none !important;
    }
    #beh-app .beh-tab-bar::-webkit-scrollbar { display: none !important; }
    #beh-app .beh-tab {
        flex-shrink: 0 !important;
        scroll-snap-align: start !important;
        font-size: 12px !important;
        padding: 7px 12px !important;
        white-space: nowrap !important;
    }

    /* ── Hub event grid: single column ──────────────────────────────────── */
    #beh-app .beh-events-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* ── Fighter cards (event + library): stack vertically ──────────────── */
    #beh-app .beh-evt-fighter-card,
    #beh-app .beh-ft-card {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    #beh-app .beh-evt-fighter-card .beh-ft-card-av,
    #beh-app .beh-ft-card .beh-ft-card-av {
        align-self: flex-start !important;
    }
    #beh-app .beh-evt-fighter-card .beh-ft-card-actions,
    #beh-app .beh-ft-card .beh-ft-card-actions {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-self: stretch !important;
    }

    /* ── Risk table: horizontal scroll ──────────────────────────────────── */
    #beh-app .beh-risk-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    #beh-app .beh-risk-table { min-width: 860px !important; }

    /* ── Fixtures table: horizontal scroll ──────────────────────────────── */
    #beh-app .beh-fix-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    #beh-app .beh-fix-table { min-width: 820px !important; }

    /* ── Finance grid → single column ───────────────────────────────────── */
    #beh-app .beh-fin-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Hub header: stack actions ───────────────────────────────────────── */
    #beh-app .beh-hub-actions {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    /* ── Modals: full-width on mobile ────────────────────────────────────── */
    #beh-app .beh-modal,
    #beh-app .beh-modal.beh-modal-wide {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin: 12px !important;
        max-height: calc(100vh - 24px) !important;
    }
    #beh-app .beh-modal-body { padding: 16px !important; }

    /* ── Overview panel sections ─────────────────────────────────────────── */
    #beh-app .beh-ov-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Settings team section ────────────────────────────────────────────── */
    #beh-app .beh-settings-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Workspace header: shrink ─────────────────────────────────────────── */
    #beh-app .beh-event-header {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    #beh-app .beh-event-header .beh-event-title {
        font-size: 15px !important;
    }
    #beh-app #beh-presence-row {
        flex-wrap: wrap !important;
    }

    /* ── Library tab bar ─────────────────────────────────────────────────── */
    #beh-app .beh-lib-tabs {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }
    #beh-app .beh-lib-tabs::-webkit-scrollbar { display: none !important; }
    #beh-app .beh-lib-tab { flex-shrink: 0 !important; white-space: nowrap !important; }
}

@media (max-width: 479px) {
    #beh-app { padding: 8px !important; }
    #beh-app .beh-tab { font-size: 11px !important; padding: 6px 8px !important; }
    #beh-app .beh-hub-head h1 { font-size: 18px !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   RESTRICTED HUB NOTICE (non-instructor accounts)
   ════════════════════════════════════════════════════════════════════════════ */
#beh-app .beh-restricted-notice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 52px 28px !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}
#beh-app .beh-restricted-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    background: #fef3c7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    color: #d97706 !important;
}
#beh-app .beh-restricted-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--dark) !important;
    margin-bottom: 16px !important;
    line-height: 1.3 !important;
}
#beh-app .beh-restricted-body {
    font-size: 14px !important;
    color: var(--muted) !important;
    line-height: 1.65 !important;
}
#beh-app .beh-restricted-body p {
    margin: 0 0 12px !important;
}
#beh-app .beh-restricted-body p:last-child {
    margin-bottom: 0 !important;
}
#beh-app .beh-restricted-body strong {
    color: var(--dark) !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   KEY PEOPLE — unassigned empty state + pill redesign
   ════════════════════════════════════════════════════════════════════════════ */

/* Card with nobody assigned gets a dashed border + tinted bg */
#beh-app .beh-kp-card.beh-kp-card-empty {
    border: 1.5px dashed #fbbf24 !important;
    background: #fffdf0 !important;
    border-radius: 8px !important;
}
#beh-app .beh-kp-card.beh-kp-card-empty .beh-kp-card-icon {
    background: #fef3c7 !important;
    color: #d97706 !important;
}

/* Empty-state banner inside the card */
#beh-app .beh-kp-empty-state {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #92400e !important;
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    width: 100% !important;
}
#beh-app .beh-kp-empty-state svg {
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
#beh-app .beh-kp-empty-state.beh-kp-empty-state-opt {
    color: var(--muted) !important;
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* Member pills — always show "Assign" label, make them full-width rows */
#beh-app .beh-kp-card-empty .beh-kp-pick-btn {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    border-radius: 7px !important;
    padding: 5px 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    transition: all .14s !important;
}
#beh-app .beh-kp-card-empty .beh-kp-pick-btn:hover {
    background: #eff6ff !important;
    border-color: var(--primary) !important;
}
#beh-app .beh-kp-card-empty .beh-kp-pick-name {
    flex: 1 !important;
    text-align: left !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--text) !important;
}
#beh-app .beh-kp-card-empty .beh-kp-pick-cta {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: var(--primary) !important;
    background: #dbeafe !important;
    border-radius: 4px !important;
    padding: 2px 7px !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;  /* always visible, not just on hover */
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}
#beh-app .beh-kp-card-empty .beh-kp-pick-btn:hover .beh-kp-pick-cta {
    background: var(--primary) !important;
    color: #fff !important;
}

/* Non-empty cards — keep pills compact/subtle as before */
#beh-app .beh-kp-pick-name {
    flex: 1 !important;
    text-align: left !important;
    font-size: 11px !important;
}
#beh-app .beh-kp-pick-cta {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--primary) !important;
    background: #eff6ff !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    flex-shrink: 0 !important;
    opacity: 0 !important;
    transition: opacity .15s !important;
}
#beh-app .beh-kp-pick-btn {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}
#beh-app .beh-kp-pick-btn:hover .beh-kp-pick-cta {
    opacity: 1 !important;
}
#beh-app .beh-kp-pick-btn:hover {
    background: #f0f9ff !important;
    border-color: var(--primary) !important;
}