/* Ghalixy Messages' own extras on the Ghalixy theme (theme.css is the live one, byte for byte: change it in ghalixy-ai's
   design system first, then copy). Only tokens from theme.css here, never a colour or radius of its own. */
.inbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-3);max-inline-size:26rem;margin-inline:auto}
.inbox__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-3) var(--s-2);font-family:var(--font-display);font-size:var(--step-1);color:var(--text)}
.inbox__bar small{font-family:var(--font-body);font-size:var(--step--1);color:var(--ion)}
.inbox__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:0 var(--s-3) var(--s-3);margin:0;list-style:none}
.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-block-start:1px solid var(--line)}
.row__av{position:relative;flex:none;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;background:var(--panel2);display:grid;place-items:center;font-weight:600;color:var(--text)}
.row__net{position:absolute;inset-inline-end:-.25rem;inset-block-end:-.25rem;font-size:.6rem;font-weight:600;padding:.05rem .3rem;border-radius:var(--r-sm);background:var(--violet);color:var(--text);border:2px solid var(--panel)}
.row__main{min-inline-size:0;flex:1}
.row__top{display:flex;justify-content:space-between;gap:var(--s-2);color:var(--text)}
.row__top time{color:var(--mute);font-size:var(--step--1)}
.row__snip{color:var(--mute);font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row--new::after{content:"";flex:none;inline-size:.6rem;block-size:.6rem;border-radius:50%;background:var(--ion)}
.nets{inline-size:100%;border-collapse:collapse}
.nets th,.nets td{text-align:start;padding:var(--s-4);border-block-end:1px solid var(--line);vertical-align:top}
.nets th{color:var(--mute);font-weight:500;font-size:var(--step--1)}
.state{display:inline-block;font-size:var(--step--1);padding:.1rem var(--s-3);border-radius:var(--r-pill);border:1px solid var(--line-2);white-space:nowrap}
.state--now{border-color:var(--mint);color:var(--mint)}
.state--soon{border-color:var(--solar);color:var(--solar-ink)}
.state--server{border-color:var(--violet);color:var(--text-2)}
.legal{max-inline-size:46rem;margin-inline:auto}
.legal h2{margin-block-start:var(--s-7)}
.legal p,.legal li{color:var(--text-2)}
.price-line{font-family:var(--font-display);font-size:var(--step-5)}
.caption{text-align:center}