/* bjb.css — aanmeld-inbox Buiten je Bubbel (los van de RSG-borden; alleen admin). */
.bjb{max-width:1400px;margin:0 auto;padding:18px 20px 80px;font-size:14px}
.bjb .kop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.bjb .kop h1{margin:0;font-size:22px}
.bjb .kop .sub{color:#666}
.bjb .kop .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}
.bjb .tellers{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.bjb .tel{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px}
.bjb .tel b{display:block;font-size:22px;line-height:1.1}
.bjb .tel span{color:#666;font-size:12px}
.bjb .tel.hot{border-color:#F04651;background:#fff5f5}
.bjb .filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.bjb .filters input[type=search]{flex:1;min-width:180px;padding:7px 10px;border:1px solid #ddd;border-radius:8px}
.bjb .filters select{padding:7px 8px;border:1px solid #ddd;border-radius:8px;background:#fff}
.bjb .lay{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
@media(max-width:1000px){.bjb .lay{grid-template-columns:1fr}}
.bjb .lijst{display:flex;flex-direction:column;gap:10px}
.bjb .rij{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.4fr) 200px;gap:12px;align-items:start}
@media(max-width:900px){.bjb .rij{grid-template-columns:1fr}}
.bjb .rij.st-nieuw{border-left:5px solid #F04651}
.bjb .rij.st-geen_gehoor{border-left:5px solid #F4E04D}
.bjb .rij.st-komt{border-left:5px solid #2FBF71}
.bjb .rij.st-misschien{border-left:5px solid #3AC1E6}
.bjb .rij.st-in_groep{border-left:5px solid #7B3FE4}
.bjb .rij.st-nee{border-left:5px solid #bbb;opacity:.75}
.bjb .naam{font-weight:700;font-size:16px}
.bjb .naam small{font-weight:400;color:#777;margin-left:6px}
.bjb .ig{color:#7B3FE4;text-decoration:none;font-size:13px}
.bjb .tel-rij{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.bjb .tel-rij .nr{font-family:ui-monospace,monospace;font-size:13px}
.bjb .knop{border:1px solid #ddd;background:#fff;border-radius:8px;padding:5px 9px;cursor:pointer;font-size:12px;line-height:1}
.bjb .knop.bel{background:#1E1A2B;color:#fff;border-color:#1E1A2B}
.bjb .knop.wa{background:#25D366;color:#fff;border-color:#25D366;text-decoration:none;display:inline-block}
.bjb .knop:disabled{opacity:.5;cursor:default}
.bjb .chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.bjb .chip{font-size:11px;border-radius:999px;padding:3px 8px;background:#f2f2f2;color:#333}
.bjb .chip.ja{background:#e3f7ec;color:#116b3d;font-weight:700}
.bjb .chip.misschien{background:#e2f6fb;color:#0a5f75}
.bjb .chip.nee{background:#f3f3f3;color:#777}
.bjb .chip.bron{background:#efe7fb;color:#4a2494}
.bjb .meta{color:#777;font-size:12px;margin-top:6px}
.bjb .werk{display:flex;flex-direction:column;gap:6px}
.bjb .werk select{padding:6px 8px;border:1px solid #ddd;border-radius:8px;background:#fff;font-weight:600}
.bjb .werk textarea{width:100%;min-height:64px;padding:7px 9px;border:1px solid #ddd;border-radius:8px;font:inherit;font-size:13px;resize:vertical}
.bjb .werk .pog{display:flex;gap:6px;align-items:center;font-size:12px;color:#555}
.bjb .zij{position:sticky;top:12px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.45;max-height:calc(100vh - 30px);overflow:auto}
.bjb .zij h2{margin:0 0 8px;font-size:15px}
.bjb .zij h3{margin:12px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#666}
.bjb .zij p{margin:0 0 6px}
.bjb .zij ol,.bjb .zij ul{margin:0 0 6px 18px;padding:0}
.bjb .zij q{font-style:italic}
.bjb .leeg{padding:30px;text-align:center;color:#777;background:#fff;border:1px dashed #ddd;border-radius:12px}
.bjb .melding{background:#fff8e1;border:1px solid #f4d36b;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13px}
.bjb .opslag{font-size:11px;color:#2FBF71;min-height:14px}

/* eigen loginkaart (beheer.buitenjebubbelarnhem.nl) */
.bjb-login{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px}
.bjb-login-kaart{width:100%;max-width:380px;background:#F5EEE3;border:3px solid #1E1A2B;border-radius:18px;padding:26px 24px;box-shadow:8px 8px 0 #1E1A2B;display:flex;flex-direction:column;gap:10px}
.bjb-login-merk{font-weight:800;color:#F04651;letter-spacing:.02em;text-transform:uppercase;font-size:13px}
.bjb-login-kaart h1{margin:0;font-size:24px;color:#1E1A2B}
.bjb-login-kaart p{margin:0 0 6px;color:#555}
.bjb-login-kaart input{padding:11px 12px;border:2px solid #1E1A2B;border-radius:10px;font-size:15px;background:#fff}
.bjb-login-kaart button{padding:12px;border:2px solid #1E1A2B;border-radius:999px;background:#F04651;color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:4px 4px 0 #1E1A2B}
.bjb-login-kaart button:disabled{opacity:.6;cursor:default}
.bjb-login-msg{color:#b3261e;font-size:13px;min-height:16px}