/* Bunker 1.8.2 — UX & Media Hotfix */

/* Reaction picker: compact, fully contained and visually calmer. */
.v181-reaction-picker{
  width:236px!important;
  max-width:calc(100vw - 20px)!important;
  box-sizing:border-box;
  padding:9px!important;
  overflow:hidden;
  user-select:none;
}
.v181-reaction-picker>div:last-child{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:4px!important;
}
.v181-reaction-picker button{
  width:100%;
  min-width:0;
  height:31px!important;
  padding:0!important;
  display:grid;
  place-items:center;
  line-height:1;
  font-size:17px!important;
}
body.v182-reaction-open{overscroll-behavior:none}

/* Pending upload preview. */
.v182-upload-preview{
  border:1px solid #263137;
  border-radius:12px 12px 0 0;
  background:#0b1114;
  padding:9px 10px 8px;
  display:grid;
  gap:8px;
}
.v182-upload-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v182-upload-preview-head>span{font-size:8px;font-weight:900;letter-spacing:.11em;color:#78868c;text-transform:uppercase}
.v182-upload-clear{width:26px;height:26px;border:1px solid #313d42;border-radius:7px;background:#141c20;color:#98a5ab;cursor:pointer}
.v182-upload-clear:hover{background:#222c31;color:#fff}
.v182-upload-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.v182-upload-card{
  flex:0 0 150px;
  min-width:0;
  border:1px solid #29353a;
  border-radius:10px;
  background:#10171a;
  overflow:hidden;
  position:relative;
}
.v182-upload-thumb{height:88px;background:#050708;display:grid;place-items:center;overflow:hidden}
.v182-upload-thumb img,.v182-upload-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.v182-upload-file-icon{font-size:28px;opacity:.72}
.v182-upload-meta{padding:7px 8px 8px;min-width:0}
.v182-upload-meta b,.v182-upload-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v182-upload-meta b{font-size:9px;color:#d9e1dd}
.v182-upload-meta span{font-size:7px;color:#6e7b82;margin-top:3px}
.v182-upload-remove{
  position:absolute;right:5px;top:5px;width:24px;height:24px;border:1px solid #465158;border-radius:7px;
  background:rgba(7,10,12,.86);color:#d8e0dc;cursor:pointer;z-index:2
}
.v182-upload-remove:hover{background:#321b20;border-color:#653740;color:#ffb0b7}

/* Inline video attachments. */
.v182-video-attachment{display:grid;gap:6px;max-width:min(620px,100%);margin-top:5px}
.v182-video-attachment video{
  display:block;width:min(580px,100%);max-height:410px;aspect-ratio:16/9;object-fit:contain;
  border:1px solid #2a353a;border-radius:12px;background:#030506
}
.v182-video-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8f9ca2;text-decoration:none;font-size:8px;padding:0 2px}
.v182-video-caption:hover{color:#dce4e0}

/* Screen Share 1.8.2 */
.call-media-card.screen.v182-primary,.call-media-card.screen.pinned{
  grid-column:1/-1;
  min-height:min(66vh,760px);
}
.call-media-card.screen .call-media{position:relative}
.v182-livebar{
  position:absolute;z-index:4;left:10px;right:10px;top:10px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:7px 8px 7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;
  background:rgba(6,9,11,.82);backdrop-filter:blur(10px);box-shadow:0 8px 26px rgba(0,0,0,.24)
}
.v182-live-copy{display:flex;align-items:center;gap:8px;min-width:0}
.v182-live-dot{width:7px;height:7px;border-radius:999px;background:#ee5360;box-shadow:0 0 0 4px rgba(238,83,96,.12);flex:none}
.v182-live-copy strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v182-live-tag{font-size:7px;font-style:normal;font-weight:900;letter-spacing:.1em;color:#ff9ca4;border:1px solid #663039;border-radius:999px;padding:3px 6px;background:#2a1418}
.v182-stream-tools{display:flex;gap:4px;flex:none}
.v182-stream-tool{
  height:28px;min-width:28px;padding:0 7px;border:1px solid #313c42;border-radius:7px;background:#141b1f;color:#aab5ba;
  cursor:pointer;font-size:9px;font-weight:800
}
.v182-stream-tool:hover,.v182-stream-tool.active{background:#253036;color:#fff;border-color:#46545b}
.v182-stream-tool.stop{background:#2a171b;color:#ff9ea6;border-color:#5c3037}
.v182-stream-tool.stop:hover{background:#432129}
.v182-screen-footer-live{display:inline-flex!important;align-items:center;gap:5px;color:#8f9b9f!important;text-transform:uppercase;letter-spacing:.08em;font-size:7px!important}
.v182-screen-footer-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#ee5360}
.call-media-card.screen:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#020304}
.call-media-card.screen:fullscreen .call-media{min-height:0;height:calc(100vh - 58px)}
.call-media-card.screen:fullscreen footer{height:58px}
.call-media-card.screen:fullscreen .v182-livebar{top:14px;left:14px;right:14px}

/* Dedicated screen share modal polish. */
.modal.v182-screen-modal{width:min(660px,94vw)!important;max-width:none!important}
.v182-screen-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.v182-screen-icon{width:42px;height:42px;border:1px solid #2d393f;border-radius:12px;background:#10181b;display:grid;place-items:center;font-size:20px;flex:none}
.v182-screen-head h2{margin:1px 0 4px}
.v182-screen-head p{margin:0;color:#7c898f;font-size:9px;line-height:1.5}
.v182-screen-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 12px}
.v182-screen-summary>div{border:1px solid #29353a;border-radius:10px;background:#0d1417;padding:10px}
.v182-screen-summary span,.v182-screen-summary b{display:block}
.v182-screen-summary span{font-size:7px;color:#6e7c82;text-transform:uppercase;letter-spacing:.1em}
.v182-screen-summary b{font-size:11px;margin-top:4px}

@media(max-width:760px){
  .v182-livebar{left:6px;right:6px;top:6px}
  .v182-live-copy strong{max-width:110px}
  .v182-stream-tool{padding:0 5px}
  .v182-screen-summary{grid-template-columns:1fr}
  .v182-upload-card{flex-basis:130px}
}

/* Clickable user mentions. */
.v182-profile-mention{
  display:inline!important;
  appearance:none;
  border:0!important;
  font:inherit;
  line-height:inherit;
  cursor:pointer;
  vertical-align:baseline;
}
.v182-profile-mention:hover{filter:brightness(1.14);text-decoration:underline;text-underline-offset:2px}

/* Consecutive messages from the same author visually become one thread. */
.phase1-shell .message.v182-grouped{
  padding-top:1px!important;
  padding-bottom:1px!important;
  min-height:25px;
}
.phase1-shell .message.v182-grouped>.avatar-button{visibility:hidden;pointer-events:none}
.phase1-shell .message.v182-grouped .msg-head{display:none}
.phase1-shell .message.v182-grouped::after{
  content:attr(data-v182-group-time);
  position:absolute;
  left:10px;
  top:5px;
  width:38px;
  text-align:center;
  color:#56636a;
  font-size:7px;
  font-weight:700;
  opacity:0;
  pointer-events:none;
  transition:opacity .1s ease;
}
.phase1-shell .message.v182-grouped:hover::after{opacity:1}
.phase1-shell .message.v182-grouped+.message:not(.v182-grouped){margin-top:5px}

/* Give the text chat a little more stage: slimmer chrome, slightly stronger message text. */
@media(min-width:1051px){
  .shell.phase1-shell{grid-template-columns:60px 252px minmax(460px,1fr) 222px!important}
  .phase1-shell.phase1-members-hidden{grid-template-columns:60px 252px minmax(460px,1fr) 0!important}
  .phase1-shell.hide-left{grid-template-columns:60px 0 minmax(0,1fr) 222px!important}
  .phase1-shell.hide-right{grid-template-columns:60px 252px minmax(0,1fr) 0!important}
  .phase1-shell.hide-left.hide-right{grid-template-columns:60px 0 minmax(0,1fr) 0!important}
  .phase1-shell .chat.stream-pip .stream-stage{right:239px!important}
}
.phase1-shell>.chat.v16-has-tabs{grid-template-rows:102px 1fr auto!important}
.phase1-shell>.chat.v16-has-tabs>.chat-header{height:102px!important;padding-top:31px!important}
.v16-tabsbar{height:31px!important}
.phase1-shell .sidebar-top{height:70px}
.phase1-shell .userbar{height:67px}
.phase1-shell .message{padding-left:18px;padding-right:18px;grid-template-columns:50px minmax(0,1fr)}
.phase1-shell .msg-actions{right:16px}
.phase1-shell .msg-text{font-size:13.5px;line-height:1.5}
.phase1-shell .msg-head strong,.phase1-shell .author-button{font-size:12.5px}
.phase1-shell .typing{padding-inline:18px}
.phase1-shell .reply-bar,.phase1-shell .upload-bar{margin-inline:16px}
.phase1-shell .composer{margin-left:16px;margin-right:16px}
.phase1-shell .composer .v121-rich-input,.phase1-shell .composer textarea{font-size:13px}