/* BATYR PRO 14 · real-time club and private team chat */
.bp14-kicker{color:#b08a44;font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.bp14-title{margin:3px 0 8px;font-size:25px;letter-spacing:-.7px}
.bp14-sub{font-size:12px;color:#847d73;line-height:1.5}
.bp14-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;align-items:start;min-height:480px}
.bp14-sidebar{background:#fff;border:1px solid #eae2d7;border-radius:18px;padding:9px;box-shadow:0 3px 12px #392b1a0d}
.bp14-group{font-size:10px;color:#9c8e79;letter-spacing:1.2px;font-weight:900;margin:14px 9px 7px;text-transform:uppercase}
.bp14-room{width:100%;text-align:left;display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;border-radius:12px;padding:10px 9px;color:#35302a}
.bp14-room.active{background:#fff2d7;border-color:#ead4a5}
.bp14-room:hover{background:#faf6ed}
.bp14-room-icon{flex:none;width:37px;height:37px;border-radius:13px;background:#f3ebdd;display:grid;place-items:center;font-size:18px}
.bp14-room-title{font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}
.bp14-room-caption{font-size:10px;color:#928575;margin-top:1px}
.bp14-room-meta{flex:1;min-width:0}
.bp14-bubble-unread{min-width:19px;height:19px;padding:1px 5px;border-radius:30px;background:#d6a443;color:#24150a;display:grid;place-items:center;font-size:10px;font-weight:900}
.bp14-card{background:#fff;border:1px solid #e6dfd2;border-radius:19px;min-width:0;overflow:hidden;box-shadow:0 5px 16px #3f29110f}
.bp14-room-head{background:#fffefc;padding:13px 15px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0eae0}
.bp14-room-head .bp14-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fae9c4;font-size:22px}
.bp14-room-head strong{font-size:15px;color:#29251e}.bp14-room-head p{font-size:11px;color:#988a77;margin:2px 0 0}
.bp14-messages{height:min(57vh,535px);min-height:260px;overflow:auto;overscroll-behavior:contain;padding:15px 12px;background:linear-gradient(145deg,#f9f6f0,#f2efe7);display:flex;flex-direction:column;gap:12px}
.bp14-bubble{border-radius:16px 16px 16px 5px;border:1px solid #e7ddd0;background:#fff;max-width:min(88%,510px);align-self:flex-start;padding:9px 11px;color:#2a281f;box-shadow:0 2px 5px #2f28100d;overflow-wrap:anywhere}
.bp14-bubble.mine{align-self:flex-end;border-radius:16px 16px 5px 16px;background:#fff0c6;border-color:#e6d3a4}
.bp14-author{font-size:11px;font-weight:850;color:#91601f;display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}
.bp14-bubble.mine .bp14-author{color:#6a5928}
.bp14-body{white-space:pre-wrap;font-size:13px;line-height:1.5}
.bp14-reply-quote{padding:6px 8px;background:#eee4cd78;border-left:3px solid #d3a544;border-radius:5px;font-size:11px;color:#6e6659;margin:4px 0 7px}
.bp14-message-bottom{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:5px}
.bp14-message-bottom time{font-size:9px;color:#988f7d}
.bp14-text-btn{border:0;background:transparent;color:#947641;font-size:10px;padding:2px;min-height:25px}
.bp14-text-btn:hover{text-decoration:underline}
.bp14-send-wrap{border-top:1px solid #eee5d8;background:#fff;padding:10px}
.bp14-send-row{display:flex;gap:8px;align-items:flex-end}
.bp14-send-row textarea{flex:1;min-width:0;resize:none;max-height:145px;min-height:43px;padding:11px;border-radius:12px;border:1px solid #e1d4ba;background:#fffdfa;font:inherit;font-size:13px;color:#322c25;outline:none}
.bp14-send-row textarea:focus{border-color:#cda149;box-shadow:0 0 0 2px #f3dba44c}
.bp14-send-btn{border:0;background:#e9be65;color:#352109;border-radius:12px;padding:11px 16px;min-height:43px;font-size:17px;font-weight:900}
.bp14-send-btn:disabled{opacity:.4}
.bp14-send-help{font-size:10px;color:#8e8374;padding:5px 2px 0}
.bp14-reply-banner{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#786746;border-left:3px solid #e1ad47;padding:6px 9px;background:#fef6e8;margin-bottom:8px;border-radius:4px}
.bp14-empty{font-size:12px;line-height:1.6;color:#a3998e;text-align:center;padding:30px 18px;margin:auto}
.bp14-month-row{margin:0 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between}
.bp14-month-row label{font-size:11px;color:#918778}
.bp14-month-row select{padding:8px;border-radius:10px;border:1px solid #decfaf;background:#fff;color:#3d3024;max-width:220px}
.bp14-old{display:flex;justify-content:center;margin-bottom:5px}.bp14-old button{border:0;background:#eee3d1;border-radius:25px;font-size:11px;padding:6px 14px;color:#80623f}
.bp14-action-hint{border-left:3px solid #b8a57c;background:#f7f1e6;padding:8px 10px;color:#786e5f;border-radius:5px;font-size:11px;margin-bottom:12px}
@media(max-width:740px){.bp14-shell{grid-template-columns:1fr;gap:9px}.bp14-sidebar{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;padding:7px}.bp14-sidebar::-webkit-scrollbar{display:none}.bp14-group{display:none}.bp14-room{min-width:117px;max-width:165px;align-items:center;flex:0 0 auto;padding:8px;gap:6px}.bp14-room-icon{height:29px;width:29px;font-size:15px;border-radius:10px}.bp14-room-title{font-size:10px;max-width:93px}.bp14-room-caption{font-size:9px}.bp14-messages{min-height:290px;height:calc(100dvh - 394px);max-height:550px}.bp14-bubble{max-width:93%}.bp14-room-head{padding:10px}.bp14-title{font-size:21px}.bp14-room-head strong{font-size:13px}.bp14-send-row textarea{min-height:43px}}
@media(max-width:370px){.tabbar button span{font-size:9px}.tabbar{gap:0;padding-left:2px;padding-right:2px}.bp14-room{min-width:105px}}
