* { box-sizing: border-box; }

html, body { height: 100%; }

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--text);
  overflow: hidden;
}

.restriction-banner{
  position: fixed;
  top: max(10px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: 12000;
  width: min(92vw, 760px);
  padding: 12px 16px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, rgba(152, 27, 27, 0.96), rgba(124, 24, 24, 0.96));
  box-shadow: 0 18px 40px rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.12);
  display: grid;
  gap: 4px;
}

.restriction-banner[data-tone="warning"]{
  background: linear-gradient(135deg, rgba(180, 83, 9, 0.96), rgba(146, 64, 14, 0.96));
}

.restriction-banner[data-tone="danger"]{
  background: linear-gradient(135deg, rgba(153, 27, 27, 0.97), rgba(127, 29, 29, 0.97));
}

.restriction-banner__title{
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.restriction-banner__meta,
.restriction-banner__reason{
  font-size: 13px;
  line-height: 1.35;
  opacity: 0.96;
}

.is-disabled-by-restriction{
  opacity: 0.5;
  cursor: not-allowed !important;
}

#app,
#sidebar,
#main,
#privatePanel,
#chatContainer,
#privateChatContainer,
.msg,
.msg *,
#online,
#rooms,
#themePanel {
  user-select: none;
  -webkit-user-select: none;
}

input,
textarea,
select,
button {
  user-select: auto;
  -webkit-user-select: auto;
}