
.insight-button{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 border:1px solid var(--insight-border);border-radius:var(--insight-radius-sm);
 padding:7px 11px;background:#fff;color:var(--insight-text);cursor:pointer
}
.insight-card{background:#fff;border:1px solid var(--insight-border);border-radius:var(--insight-radius-md);box-shadow:var(--insight-shadow)}

.insight-button{text-decoration:none}.insight-button:hover{transform:translateY(-1px)}

.platform-datetime{
 position:relative;display:inline-flex;width:fit-content;align-items:center;flex-wrap:wrap;gap:.3em .72em;direction:rtl;
 font-family:var(--font-fa);font-size:inherit;line-height:1.35;font-variant-numeric:tabular-nums;vertical-align:middle
}
.platform-datetime__part{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;line-height:inherit;font-size:.91em}
.platform-datetime .platform-icon{display:block;width:1em;height:1em;flex:0 0 1em;color:var(--insight-muted)}
.platform-datetime__relative{color:var(--insight-muted);font-size:1em;font-weight:500;line-height:inherit;white-space:nowrap}
.platform-datetime__trigger{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit}
.platform-datetime__tooltip{
 display:none;position:absolute;z-index:40;top:100%;inset-inline-start:0;margin-top:6px;width:max-content;max-width:min(170px,88vw);
 background:#fff;border:1px solid var(--insight-border);border-radius:var(--insight-radius-sm);box-shadow:var(--insight-shadow);
 padding:9px 12px;direction:rtl;text-align:right
}
.platform-datetime__tooltip-line{display:flex;align-items:center;gap:.4em;font-size:11px;line-height:1.9;color:var(--insight-text);white-space:nowrap}
.platform-datetime__tooltip-line .platform-icon{width:12px;height:12px;flex:0 0 12px;color:var(--insight-primary)}
.platform-datetime__tooltip-time{display:flex;align-items:center;gap:.4em;font-size:11px;line-height:1.9;color:var(--insight-muted);margin-top:3px;padding-top:5px;border-top:1px solid #eef0f6}
.platform-datetime__tooltip-time .platform-icon{width:12px;height:12px;flex:0 0 12px;color:var(--insight-primary)}
.platform-datetime__trigger:hover+.platform-datetime__tooltip,
.platform-datetime__trigger:focus+.platform-datetime__tooltip,
.platform-datetime:focus-within .platform-datetime__tooltip{display:block}
