.account-menu { position: relative; }
.account-menu summary { display: flex; align-items: center; gap: 8px; padding: 3px 5px; border-radius: 7px; cursor: pointer; list-style: none; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu summary:hover { background: #f1f5f9; }
.account-menu > nav { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; width: 220px; padding: 7px; border: 1px solid #dbe2ea; border-radius: 9px; background: #fff; box-shadow: 0 14px 35px rgb(15 23 42 / 16%); }
.account-menu nav > a,.account-menu nav button { display: flex; width: 100%; min-height: 34px; align-items: center; gap: 9px; padding: 0 9px; color: #334155; border: 0; border-radius: 6px; background: transparent; font-size: 11px; text-decoration: none; }
.account-menu nav > a svg,.account-menu nav button svg { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.account-menu nav > a:hover,.account-menu nav button:hover { background: #f1f5f9; }
.account-menu nav form { margin: 3px 0 0; padding-top: 3px; border-top: 1px solid #eef2f7; }
.menu-profile { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; padding: 7px 8px 10px; border-bottom: 1px solid #eef2f7; }
.menu-profile > span:last-child { display: grid; line-height: 1.15; }
.menu-profile strong { font-size: 11px; }.menu-profile small { color: #66717f; font-size: 9px; }
.avatar-blue { color:#2563eb!important;background:#dbeafe!important}.avatar-green{color:#15803d!important;background:#dcfce7!important}.avatar-purple{color:#7e22ce!important;background:#f3e8ff!important}.avatar-rose{color:#be123c!important;background:#ffe4e6!important}.avatar-orange{color:#c2410c!important;background:#ffedd5!important}.avatar-teal{color:#0f766e!important;background:#ccfbf1!important}
.header-message { position: relative; display: grid; width: 32px; height: 32px; place-items: center; color: #475569; border-radius: 7px; text-decoration: none; }
.header-message:hover { color: #2563eb; background: #eff6ff; }
.header-message svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-message b { position: absolute; top: 0; right: -2px; display: grid; min-width: 15px; height: 15px; place-items: center; padding: 0 4px; color: #fff; border: 2px solid #fff; border-radius: 9px; background: #ef4444; font-size: 8px; line-height: 1; }
.header-logout { margin: 0 0 0 2px!important; }
.header-logout button { min-height: 32px; padding: 5px 10px; color: #334155; border: 1px solid #dfe3e8!important; border-radius: 6px!important; background: #fff!important; }
.portal-message-modal{width:min(700px,calc(100vw - 36px));height:min(700px,calc(100vh - 36px));max-width:none;max-height:none;padding:0;overflow:hidden;border:0;border-radius:12px;background:#f6f8fb;box-shadow:0 24px 70px rgb(15 23 42 / 28%)}.portal-message-modal[open]{display:grid;grid-template-rows:48px minmax(0,1fr) 72px}.portal-message-modal::backdrop{background:rgb(15 23 42 / 48%);backdrop-filter:blur(2px)}.portal-message-modal>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 17px;border-bottom:1px solid #dbe2ea;background:#fff}.portal-message-modal>header strong{font-size:14px}.portal-message-modal>header button{display:grid;width:30px;height:30px;place-items:center;padding:0;color:#64748b;border:0;border-radius:50%;background:transparent;font-size:21px}.portal-message-list{min-height:0;padding:16px 18px;overflow:auto}.portal-message{display:flex;margin:7px 0}.portal-message.mine{justify-content:flex-end}.portal-message>div{max-width:74%}.portal-message small,.portal-message time{display:block;color:#64748b;font-size:9px}.portal-message p{margin:3px 0;padding:9px 11px;color:#334155;border:1px solid #dbe2ea;border-radius:8px;background:#fff;white-space:pre-wrap;word-break:break-word}.portal-message.mine p{color:#1e3a5f;border-color:#bfdbfe;background:#eff6ff}.portal-message.mine time{text-align:right}.message-empty{color:#64748b;text-align:center}.portal-message-modal>form{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px;align-items:end;padding:9px 12px;border-top:1px solid #dbe2ea;background:#fff}.portal-message-modal textarea{min-height:52px;max-height:110px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;resize:none}.portal-message-modal form button{display:grid;width:34px;height:34px;place-items:center;padding:0;color:#fff;border:0;border-radius:7px;background:#2563eb}.portal-message-modal form button:disabled{background:#94a3b8}.portal-message-modal form svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.portal-message-modal{width:100vw;height:100vh;border-radius:0}}