.project-chat{margin:0 0 14px;border:1px solid #dfe6e9;border-radius:13px;background:#fff;box-shadow:0 3px 14px rgba(21,34,43,.04);overflow:visible}.project-chat-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px}.project-chat-content{border-top:1px solid #e8edef}.project-chat-head>div:first-child{display:grid;gap:1px;min-width:0}.project-chat-head>div:first-child>span{color:#118b7a;font-size:9px;font-weight:900;letter-spacing:.13em}.project-chat-head h2{margin:1px 0;font-size:16px}.project-chat-head small{color:#71808a;font-size:10px}.project-chat-subscription-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}.chat-subscription,.chat-subscribers>summary,.chat-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid #d5dee2;border-radius:8px;background:#f8fafb;color:#53626c;font-size:10px;font-weight:800;white-space:nowrap}.chat-toggle{cursor:pointer;background:#17212a;color:#fff;border-color:#17212a}.chat-subscription span{font-size:13px}.chat-subscription.is-subscribed{border-color:#9fd5c8;background:#edf9f6;color:#176f63}.chat-subscribers{position:relative}.chat-subscribers>summary{list-style:none;cursor:pointer}.chat-subscribers>summary::-webkit-details-marker{display:none}.chat-subscribers>summary span{font-size:14px}.chat-subscribers>summary b{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:20px;background:#e6ecee;color:#42515a;font-size:10px}.chat-subscribers>summary em{font-style:normal}.chat-subscriber-popover{position:absolute;z-index:80;right:0;top:calc(100% + 7px);display:none;width:250px;max-height:260px;overflow:auto;padding:8px;border:1px solid #d5dee2;border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(24,35,44,.2)}.chat-subscribers[open] .chat-subscriber-popover,.chat-subscribers:hover .chat-subscriber-popover,.chat-subscribers:focus-within .chat-subscriber-popover{display:grid;gap:3px}.chat-subscriber-popover p{margin:0;padding:9px;color:#71808a;font-size:11px}.chat-subscriber-user{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;background:#f5f8f8}.chat-subscriber-user i,.project-chat-avatar{display:grid;place-items:center;border-radius:50%;background:#17212a;color:#fff;font-style:normal;font-weight:900}.chat-subscriber-user i{width:28px;height:28px;font-size:9px}.chat-subscriber-user span{display:grid;min-width:0}.chat-subscriber-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.chat-subscriber-user small{color:#78858d;font-size:9px}.project-chat-messages{display:grid;gap:6px;max-height:180px;overflow:auto;padding:9px 11px;background:#f6f8f8;scroll-behavior:smooth}.project-chat-empty{padding:14px;border:1px dashed #ccd7dc;border-radius:9px;color:#71808a;text-align:center;font-size:11px}.project-chat-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;max-width:min(720px,88%)}.project-chat-message.mine{justify-self:end;grid-template-columns:minmax(0,1fr) 28px}.project-chat-message.mine .project-chat-avatar{grid-column:2}.project-chat-message.mine .project-chat-bubble{grid-column:1;grid-row:1;background:#e1f3ee;border-radius:11px 3px 11px 11px}.project-chat-avatar{width:28px;height:28px;font-size:8px}.project-chat-bubble{padding:6px 9px;border:1px solid #dfe6e9;border-radius:3px 11px 11px 11px;background:#fff}.project-chat-bubble header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:0;background:none;color:inherit;box-shadow:none}.project-chat-bubble strong{font-size:10px}.project-chat-bubble time{color:#7c8991;font-size:8px;white-space:nowrap}.project-chat-bubble p{margin:3px 0 0;font-size:11px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.project-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;padding:7px 9px;border-top:1px solid #e2e8eb}.project-chat-form textarea{min-height:38px;max-height:90px;padding:8px 10px;border:1px solid #cbd6db;border-radius:8px;resize:vertical}.project-chat-form button{min-height:38px}.chat-subscription-card{width:min(470px,100%)}.chat-subscription-prompt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:720px){.project-chat{margin-bottom:9px;border-radius:11px}.project-chat-head{align-items:flex-start;padding:9px;gap:7px}.project-chat-head h2{font-size:14px}.project-chat-head small{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-chat-subscription-tools{align-items:stretch;gap:5px}.chat-subscription,.chat-subscribers>summary,.chat-toggle{min-height:33px;padding:5px 7px}.chat-subscribers>summary em{display:none}.chat-subscription{font-size:0}.chat-subscription span{font-size:13px}.chat-subscription.is-subscribed:after{content:'Abo';font-size:10px}.chat-subscription:not(.is-subscribed):after{content:'Abo';font-size:10px}.chat-subscriber-popover{position:fixed;z-index:120;inset:auto 10px 74px;width:auto;max-height:45vh}.chat-subscribers:hover:not([open]) .chat-subscriber-popover{display:none}.project-chat-messages{max-height:165px;padding:7px}.project-chat-message{max-width:96%}.project-chat-form{grid-template-columns:minmax(0,1fr) auto;padding:7px}.project-chat-form textarea{min-height:38px}.project-chat-form button{width:auto;min-height:38px;padding-inline:12px}.chat-subscription-prompt-actions{align-items:stretch;flex-direction:column-reverse}.chat-subscription-prompt-actions button{width:100%}}

/* Der allgemeine Seiten-Header darf den eingebetteten Projektchat nicht gestalten. */
section.project-chat>header.project-chat-head{position:relative;top:auto;z-index:3;display:flex;min-height:0;margin:0;padding:6px 8px;align-items:center;justify-content:space-between;gap:10px;flex-direction:row;flex-wrap:nowrap;background:#fff;color:#17212a;box-shadow:none}
.project-chat-head>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}
.project-chat-head>div:first-child>span{display:none}
.project-chat-head h2{margin:0;font-size:14px;line-height:1.2;white-space:nowrap}
.project-chat-head small{overflow:hidden;color:#71808a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
header.project-chat-head>div.project-chat-subscription-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.chat-subscription,.chat-subscribers>summary,.chat-toggle{min-height:30px;padding:5px 8px;border-radius:7px}
@media(max-width:720px){section.project-chat>header.project-chat-head{min-height:0;padding:5px 6px;align-items:center;gap:5px;flex-direction:row;flex-wrap:nowrap}.project-chat-head h2{font-size:13px}.project-chat-head small{display:none}header.project-chat-head>div.project-chat-subscription-tools{align-items:center;gap:4px}.chat-subscription,.chat-subscribers>summary,.chat-toggle{min-height:29px;padding:4px 6px}}