.extension-callout{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;margin:-10px 0 18px;padding:14px 16px;border:1px solid #b9ddc8;background:linear-gradient(90deg,#f8fff9,#e9f8ef);border-radius:14px;box-shadow:0 8px 25px rgba(8,67,39,.06)}.extension-callout-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#093c2b;color:#b9f04b;font-size:20px}.extension-callout strong{font-size:13px}.extension-callout p{margin:4px 0 0;color:#647c70;font-size:11px}.extension-callout .secondary{text-decoration:none}.tool-member{margin-top:auto;margin-bottom:10px;padding:10px;border:1px solid #22503a;border-radius:12px;display:flex;gap:7px;align-items:center}.tool-member a{flex:1;text-align:center;color:#b8d3c5;text-decoration:none;font-size:11px;font-weight:700;padding:7px;border-radius:8px;background:#123c2a}.tool-member.logged-in{display:grid;grid-template-columns:auto 1fr auto;color:white;background:#0f3a28}.tool-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#318eea,#17385e);font-weight:800}.tool-user-meta{min-width:0}.tool-user-meta strong,.tool-user-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-user-meta strong{font-size:11px}.tool-user-meta small{font-size:8px;color:#80ad98;margin-top:3px}.tool-member .tool-settings{background:transparent;color:#b9f04b;font-size:16px;padding:6px}.tool-member .tool-logout{grid-column:1/-1;background:#194b36;color:#b8d3c5}.login-required{border:1px solid #d6e5dd;background:#fff;border-radius:13px;padding:13px 15px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.login-required p{margin:0;color:#647c70;font-size:12px}.login-required a{text-decoration:none}@media(max-width:720px){.extension-callout{grid-template-columns:auto 1fr}.extension-callout .secondary,.extension-callout .icon-button{grid-column:auto}.tool-member{display:none}}