.mw2-chat{margin:12px;padding:16px;border:1px solid var(--app-line,#555);border-radius:var(--app-radius,16px);background:var(--app-surface,#282828);color:var(--app-text,#eee);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:0}
.mw2-chat [hidden]{display:none!important}
.mw2-chat h2{margin:0;font-size:22px;line-height:1.2}.mw2-chat-head p{margin:4px 0 14px;opacity:.7}.mw2-chat h3{font-size:15px;margin:14px 0 8px}
.mw2-chat button{font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;min-height:44px;border:1px solid var(--app-line,#777);border-radius:14px;background:var(--app-button,#454545);color:inherit;padding:9px 13px;cursor:pointer}
.mw2-chat button:disabled{opacity:.5;cursor:wait}.mw2-chat [data-chat-status]{white-space:pre-wrap;overflow-wrap:anywhere}
.mw2-chat label{display:grid;gap:5px;margin:10px 0}.mw2-chat input,.mw2-chat textarea{box-sizing:border-box;max-width:100%;width:100%;font-family:inherit;font-size:16px;line-height:1.4;color:inherit;background:rgba(127,127,127,.12);border:1px solid var(--app-line,#777);padding:12px;border-radius:14px;resize:vertical}
.mw2-chat [data-chat-send]{display:flex;align-items:flex-end;gap:8px;margin-top:10px}.mw2-chat textarea{min-width:0;min-height:52px;max-height:150px}.mw2-chat [data-chat-send] button{flex-shrink:0;background:#3855ba;color:#fff}
.mw2-chat-log{display:flex;flex-direction:column;gap:10px;height:46vh;height:46dvh;min-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:12px 2px;scrollbar-width:thin}
.mw2-chat-bubble{max-width:82%;align-self:flex-start;padding:10px 13px;border-radius:17px 17px 17px 4px;background:rgba(128,128,128,.22);overflow-wrap:anywhere;white-space:pre-wrap;color:inherit}
.mw2-chat-bubble.is-own{align-self:flex-end;border-radius:17px 17px 4px 17px;background:#3855ba;color:#fff}.mw2-chat-bubble.is-locked{font-style:italic;border:1px dashed currentColor;background:transparent}
.mw2-chat-bubble small{display:block;opacity:.7;font-size:10px;margin-top:5px;white-space:normal}.mw2-chat-terms{display:block;opacity:.75;margin-top:8px;font-size:12px}
.mw2-chat [data-chat-threads]{display:grid;gap:6px;max-height:190px;overflow:auto}.mw2-chat [data-chat-thread]{text-align:left;overflow-wrap:anywhere}.mw2-chat [data-chat-thread].is-selected{outline:2px solid #728cf7}
.app-mobilwebb-tab[data-app-tab=chat]::after{content:attr(data-chat-badge);display:none;position:absolute;top:0;right:1px;min-width:14px;height:14px;padding:0 2px;border-radius:9px;background:#d44968;color:white;font:700 10px/14px sans-serif}
.app-mobilwebb-tab[data-chat-unread="1"]::after{display:block}
@media(max-width:600px){html .app-mobilwebb-nav.mw2-has-chat{left:12px;right:12px;padding-inline:13px;gap:1px}.mw2-has-chat .app-mobilwebb-tab{min-height:44px;padding-inline:2px}.mw2-has-chat .app-mobilwebb-tab em{font-size:9px}}

/* 0.2.58: fylld chattknapp vid menyns högra hörn. */
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"]{position:absolute;right:-8px;bottom:calc(100% - 30px);width:48px;height:48px;min-height:48px;padding:8px;display:grid;place-items:center;gap:0;border:0;border-radius:calc(var(--app-radius,16px) - 6px);background:transparent;color:var(--app-text,#eee);opacity:1;box-sizing:border-box}
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"] em{display:none}
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"] svg{width:28px;height:28px}
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"].is-active{opacity:1;box-shadow:none;background:radial-gradient(circle 15px at 50% 50%,color-mix(in srgb,var(--app-text,#fff) 17%,transparent) 0%,color-mix(in srgb,var(--app-text,#fff) 11%,transparent) 60%,transparent 100%)}
.mw2-chat [data-chat-thread].has-unread{font-weight:700;border-left:4px solid var(--app-accent,#728cf7)}

/* 0.2.59: en gemensam kontur och glasyta för menyn och chatten. */
html .app-mobilwebb-nav.mw2-unified-chat{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.mw2-nav-surface{position:absolute;left:-2px;top:-20px;right:-10px;bottom:-2px;pointer-events:none;z-index:0;background:color-mix(in srgb,var(--app-surface,#141a2c) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
.mw2-nav-surface>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mw2-nav-surface path{fill:none;stroke:var(--app-line,#3a4260);stroke-width:2}

/* 0.2.99: mirrored, filled chat bubble only while the chat tab is active. */
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"].is-active svg{transform:scaleX(-1);transform-origin:center}
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"].is-active svg path:first-child{fill:currentColor;stroke:currentColor}
html .app-mobilwebb-nav.mw2-has-chat .app-mobilwebb-tab[data-app-tab="chat"].is-active svg path:last-child{fill:none;stroke:var(--app-surface,#282828)}

/* 0.3.03: chat swipes also start in the free space below short conversations. */
.app-mobilwebb-panel[data-app-panel="chat"]{min-height:calc(100dvh - var(--app-header-h,100px) - 104px);touch-action:pan-y}
.mw2-chat-log{touch-action:pan-y;overflow-x:hidden}

/* 0.3.13: enkel moderering direkt i administrationschatten. */
.mw2-chat-moderation{display:grid;gap:7px;margin:8px 0 10px;padding:9px;border:1px solid var(--app-line,#777);border-radius:12px;background:rgba(127,127,127,.08)}
.mw2-chat-moderation>small{opacity:.78}
.mw2-chat-moderation-actions{display:flex;flex-wrap:wrap;gap:6px}
.mw2-chat-moderation-actions button{min-height:38px;padding:7px 10px}
.mw2-chat-moderation-actions button.is-danger{border-color:#b95858;color:#ffb1b1;background:rgba(150,40,40,.16)}
.mw2-chat-bubble.is-notice{align-self:stretch;max-width:none;border:1px solid rgba(230,173,70,.65);border-radius:12px;background:rgba(230,173,70,.12);font-weight:600}
.mw2-chat [data-chat-thread].is-blocked{opacity:.72;border-style:dashed}

/* 0.3.18: iPhone/adminchatten ska inte fastna i den inre meddelandelistan.
   När loggen når sin topp/botten får scrollen kedjas vidare till dokumentet.
   Adminchatten är också något lägre på små skärmar eftersom trådlistan och
   modereringsknapparna ligger ovanför meddelandena. */
.mw2-chat[data-admin="1"] .mw2-chat-log{
	overscroll-behavior-y:auto;
	-webkit-overflow-scrolling:touch;
}
@media(max-width:700px){
	.mw2-chat[data-admin="1"] .mw2-chat-log{
		height:clamp(220px,32dvh,360px);
		min-height:220px;
	}
	.mw2-chat[data-admin="1"] [data-chat-send]{
		scroll-margin-bottom:calc(104px + env(safe-area-inset-bottom,0px));
	}
}

.mw2-chat-text-only{display:block;margin-top:6px;opacity:.66;font-size:11px;line-height:1.35}