/* BATYR PRO 17 · Clear, calm, tactile messaging with thoughtful hierarchy. */
.bp17-inbox-actions{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:3px 2px 12px}
.bp17-notify{border:1px solid #e8d3ab;background:#fff7e6;color:#7f561b;border-radius:999px;min-height:39px;font-size:12px;font-weight:750;padding:9px 15px;display:flex;align-items:center;gap:8px;cursor:pointer}
.bp17-notify:focus-visible,.bp17-group-actions button:focus-visible,.bp17-gif-grid button:focus-visible,.bp17-react-add:focus-visible{outline:3px solid #ca994c;outline-offset:2px}
.bp17-security{font-size:11px;color:#968c7c}
.bp17-group-actions{display:flex;gap:6px;margin-left:auto;align-items:center}
.bp17-group-actions button{border:1px solid #e3cc99;background:#fbebc7;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:18px;cursor:pointer}
.bp17-group-actions button:active{background:#dfbd78}
.bp17-media-tools{gap:7px}
.bp17-media-tools [data-b17="emoji-panel"],.bp17-media-tools [data-b17="gif-panel"]{font-weight:800;color:#634821;background:#fff7e9;border:1px solid #eedfc5}
.bp17-sticker-panel{background:#fffdf7;padding:12px;border-top:1px solid #ede1ca;max-height:min(38vh,310px);overflow-y:auto;flex:0 0 auto;overscroll-behavior:contain}
.bp17-panel-title{font-size:12px;font-weight:850;letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center;margin:0 0 11px;color:#403523}
.bp17-panel-title button{border:0;background:#f7ecda;color:#89765d;border-radius:9px;width:28px;height:28px}
.bp17-gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bp17-gif-grid button{min-width:0;overflow:hidden;padding:0 0 5px;border:1px solid #e8d9bf;background:#fff;border-radius:12px;color:#6d5737;font-size:10px;font-weight:800;cursor:pointer}
.bp17-gif-grid img{width:100%;height:69px;object-fit:cover;display:block;border-bottom:1px solid #f0e3d4;margin-bottom:5px}
.bp17-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.bp17-emoji-grid button{border:0;background:#f7f2ea;font-size:22px;min-height:39px;border-radius:9px;cursor:pointer}
.bp17-bubble-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:3px}
.bp17-reaction-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;position:relative}
.bp17-chip,.bp17-react-add{border:1px solid #e4d7bd;background:#fcf8f1;color:#655035;min-height:24px;padding:2px 7px;font-size:11px;border-radius:999px;font-weight:700;cursor:pointer}
.bp17-chip.mine{border-color:#ca993d;background:#f7dd98}
.bp17-react-add{color:#9d895f;font-size:13px;min-width:29px;border-style:dashed;opacity:.76}
.bp17-react-add:hover,.bp17-chip:hover{opacity:1;background:#ffe9b5}
.bp17-reaction-picker{display:flex;gap:2px;align-items:center;flex-wrap:wrap;position:absolute;bottom:100%;left:0;z-index:3;padding:5px;background:#fff;border-radius:18px;border:1px solid #f0ddbd;box-shadow:0 10px 30px #0002;width:max-content;max-width:min(270px,79vw)}
.bp17-reaction-picker button{font-size:20px;padding:5px 6px;background:transparent;border:0;border-radius:9px;cursor:pointer}
.bp17-reaction-picker button:hover{background:#fff0cb}
.bp17-status{font-size:10px;font-weight:650;color:#a69c89;white-space:nowrap;margin-left:auto;align-self:flex-end}
.bp17-status.read{color:#277baf}
.bp17-status>span{font-size:9px}
.bp14-bubble.mine{background:linear-gradient(150deg,#fff0c7,#ffecc1)}
.bp14-bubble{transition:box-shadow .12s ease}
.bp14-bubble:focus-within{box-shadow:0 3px 15px #bb985a25}
.bp14-message-bottom{gap:8px;margin-top:2px}
.bp14-message-bottom .bp14-text-btn{opacity:.75}
.bp17-conference-card{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:center;padding:13px;margin:8px 12px;border-radius:15px;border:1px solid #e2c88b;background:#fff7e3}
.bp17-conference-card strong{font-size:13px;color:#48361b}
.bp17-conference-card p{font-size:10px;color:#8e764a;margin:4px 0 0}
.bp17-conference-card button{border:0;border-radius:12px;background:#e6b75d;color:#332410;font-weight:850;padding:10px 13px;min-height:40px}
.bp17-group-overlay{position:fixed;z-index:260;inset:0;background:#111514ed;display:grid;place-items:center;padding:10px;color:#fff}
.bp17-group-card{width:min(100%,690px);max-height:96dvh;overflow-y:auto;border:1px solid #8c6b3d;border-radius:22px;background:linear-gradient(145deg,#242827,#101514);padding:16px;box-shadow:0 20px 70px #0009}
.bp17-group-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 7px}
.bp17-group-title strong{color:#f9ddb0;font-size:16px}
.bp17-group-desc{font-size:11px;color:#b6b8af;margin:5px 0 12px;line-height:1.5}
.bp17-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:56vh;overflow-y:auto}
.bp17-peer{background:#272c2e;border:1px solid #3c4648;border-radius:13px;min-height:105px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.bp17-peer video{width:100%;height:clamp(110px,23vh,250px);object-fit:cover;display:block;background:#1b2525}
.bp17-peer .bp17-peer-label{font-size:11px;font-weight:800;position:absolute;bottom:5px;left:8px;background:#080808a6;border-radius:7px;padding:3px 6px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp17-group-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:13px}
.bp17-group-buttons button{border:1px solid #5f605b;border-radius:12px;background:#303733;color:#fff;font-size:12px;padding:10px 13px;min-height:43px;font-weight:700}
.bp17-group-buttons button.danger{background:#a13e3e;border-color:#a13e3e}
.bp17-group-note{font-size:10px;color:#b3b4a9;margin:12px 0 0;text-align:center}
@media(max-width:740px){
 .bp17-inbox-actions{padding:0 2px 10px}
 .bp17-security{font-size:9px;text-align:right}
 .bp17-notify{min-height:38px;padding:8px 12px;font-size:11px}
 body.bp16-chat-open .bp17-gif-grid img{height:59px}
 body.bp16-chat-open .bp17-sticker-panel{max-height:30vh}
 body.bp16-chat-open .bp14-room-head strong{max-width:43vw}
 body.bp16-chat-open .bp14-bubble{max-width:88%}
 .bp17-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
 .bp17-group-card{max-height:97dvh;padding:12px;border-radius:18px}
 .bp17-group-grid{max-height:52vh}
 .bp17-group-actions button{width:36px;height:36px}
}
@media(max-width:380px){.bp17-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bp17-status>span{display:none}.bp17-gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bp14-bubble{transition:none}}