/* Readable signal layout */

[id^="chat-message-"] .col-span-2:has(a[href*="/automatic-signals/"])>p.whitespace-pre-wrap{font-size:18px;line-height:1.65;overflow-wrap:anywhere}
[id^="chat-message-"] .col-span-2:has(>div>a[href*="/automatic-signals/"][href$="-emoji.gif"]){grid-template-columns:40px minmax(0,1fr)}
[id^="chat-message-"] .col-span-2:has(>div>a[href*="/automatic-signals/"][href$="-emoji.gif"])>p.whitespace-pre-wrap{grid-row:2;grid-column:2}
[id^="chat-message-"] div:has(>a[href*="/automatic-signals/"][href$="-emoji.gif"])>a{grid-row:3;max-width:780px}
[id^="chat-message-"] a[href*="/automatic-signals/"][href$="-emoji.gif"]{grid-row:2!important;grid-column:1!important;width:40px!important;height:40px}
[id^="chat-message-"] a[href*="/automatic-signals/"][href$="-emoji.gif"] img{width:40px;height:40px}
[id^="chat-message-"] a[href*="/automatic-signals/"]:not([href$="-emoji.gif"]){width:100%;max-width:780px;background:transparent}
[id^="chat-message-"] a[href*="/automatic-signals/"]:not([href$="-emoji.gif"]) img{width:auto;max-width:100%;max-height:360px;object-fit:contain}

/* Readable signal layout */

.automatic-signal-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:16px;line-height:1.55;min-width:0}
.automatic-signal-body>*{grid-column:1/-1}
.automatic-signal-body .signal-line-heading{font-size:22px;margin:0 0 4px}
.automatic-signal-body :is(.signal-line-entry,.signal-line-risk,.signal-line-target){grid-column:auto;padding:12px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--muted)/.35);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.automatic-signal-body :is(.signal-line-entry,.signal-line-risk,.signal-line-target)>strong{display:block;font-size:13px;margin-bottom:4px}
.automatic-signal-body .automatic-signal-space{height:0}
.automatic-signal-chart:not([href$="-emoji.gif"]){width:100%;max-width:780px;margin:16px 0 0}
.automatic-signal-chart:not([href$="-emoji.gif"]) img{width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain}
.automatic-signal-card:has(>a[href$="-emoji.gif"]),.automatic-signal-update:has(>a[href$="-emoji.gif"]){grid-template-columns:40px minmax(0,1fr)}
.automatic-signal-card:has(>a[href$="-emoji.gif"])>.automatic-signal-body,.automatic-signal-update:has(>a[href$="-emoji.gif"])>.automatic-signal-body{grid-row:2;grid-column:2}
.automatic-signal-card:has(>a[href$="-emoji.gif"])>.automatic-signal-chart:not([href$="-emoji.gif"]),.automatic-signal-update:has(>a[href$="-emoji.gif"])>.automatic-signal-chart:not([href$="-emoji.gif"]){grid-row:3;grid-column:1/-1;max-width:780px;width:100%;margin:4px 0 0}
.automatic-signal-card>a[href$="-emoji.gif"],.automatic-signal-update>a[href$="-emoji.gif"]{grid-row:2;grid-column:1;width:40px;height:40px}
.automatic-signal-card:has(>a[href$="-emoji.gif"])>a~a:not([href$="-emoji.gif"]),.automatic-signal-update:has(>a[href$="-emoji.gif"])>a~a:not([href$="-emoji.gif"]){grid-row:auto}
@media(max-width:760px){.automatic-signal-body{grid-template-columns:repeat(2,minmax(0,1fr));font-size:16px}.automatic-signal-body :is(.signal-line-entry,.signal-line-risk,.signal-line-target){font-size:20px;padding:10px}.automatic-signal-body .signal-line-heading{font-size:20px}}