.saga-card{--sc-surface: #FAFAF8;--sc-ink: #141414;--sc-ink-soft: #4A4541;--sc-muted: #7A736D;--sc-quiet: #EFECE8;--sc-teal: #2FB39A;--sc-hairline: rgba(20, 20, 20, .08);--sc-chip-bg: rgba(255, 255, 255, .95);--sc-chip-border: rgba(26, 26, 26, .08);background:var(--sc-surface);border-radius:20px;padding:18px 18px 16px;box-shadow:0 26px 70px #1414142e,0 1px #1414140d;text-align:left}.saga-card>*+*{margin-top:8px}.saga-card .meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted);font-weight:500;margin:0 0 12px}.saga-card .bubble{font-size:15px;line-height:1.45;padding:11px 14px;border-radius:15px;max-width:86%}.saga-card .bubble.q{background:var(--sc-quiet);color:var(--sc-ink);margin-left:auto;border-bottom-right-radius:6px}.saga-card .bubble.a{background:var(--sc-ink);color:#fff;border-bottom-left-radius:6px}.saga-card .src{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--sc-muted)}.saga-card .src i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--sc-teal);display:inline-block}.saga-card .sc-ctx{display:inline-block;background:var(--sc-quiet);color:var(--sc-ink-soft);border-radius:999px;padding:5px 12px;font-size:12px;line-height:1.3}.saga-card .sc-name{font-size:12px;color:var(--sc-muted);margin-bottom:-2px}.saga-card .sc-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sc-muted)}.saga-card .sc-status i{flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--sc-muted);display:inline-block}.saga-card .sc-chips{display:flex;flex-wrap:wrap;gap:6px}.saga-card .sc-chip{display:inline-block;background:#fff;border:1px solid var(--sc-ink);color:var(--sc-ink);font-size:12px;font-weight:600;line-height:1.3;padding:5px 12px;border-radius:999px}.saga-card .sc-chip.is-on{background:var(--sc-ink);color:#fff}.saga-card .sc-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--sc-hairline);border-radius:12px;padding:10px 12px}.saga-card .sc-row-main{min-width:0;flex:1 1 auto}.saga-card .sc-row-title{display:block;font-size:14px;line-height:1.35;color:var(--sc-ink)}.saga-card .sc-row-sub,.saga-card .sc-psub{display:block;font-size:12px;line-height:1.35;color:var(--sc-muted);margin-top:2px}.saga-card .sc-row-acts{display:flex;flex-wrap:wrap;gap:6px;flex:none}.saga-card .sc-initials{flex:none;width:34px;height:34px;border-radius:50%;background:var(--sc-quiet);color:var(--sc-ink-soft);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.saga-card .sc-form{background:#fff;border:1px solid var(--sc-hairline);border-radius:12px;padding:12px}.saga-card .sc-form-label{font-size:12px;color:var(--sc-muted);margin:0 0 8px}.saga-card .sc-form-msg{font-size:13px;line-height:1.45;color:var(--sc-ink);border:1px solid var(--sc-hairline);border-radius:8px;padding:8px 10px;margin:0}.saga-card .sc-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.saga-card .sc-form-field{border:1px solid var(--sc-hairline);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--sc-muted)}.saga-card .sc-form-send{display:inline-block;margin-top:8px;background:var(--sc-ink);color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;line-height:1.3}.saga-card .sc-portal{display:grid}.saga-card .sc-prow{display:grid;grid-template-columns:52px 78px 1fr auto;align-items:center;gap:4px 10px;padding:10px 0;border-top:1px solid var(--sc-hairline)}.saga-card .sc-prow:first-child{border-top:0;padding-top:0}.saga-card .sc-prow:last-child{padding-bottom:0}.saga-card .sc-ptime,.saga-card .sc-ptype{font-size:12px;color:var(--sc-muted)}.saga-card .sc-psubject{font-size:13px;line-height:1.35;color:var(--sc-ink);min-width:0}.saga-card .sc-ptag,.saga-card .sc-pchan{white-space:nowrap;background:#fff;border:1px solid var(--sc-chip-border);border-radius:999px;padding:4px 10px;font-size:11px;line-height:1.3;color:var(--sc-ink-soft);box-shadow:var(--shadow-xs)}.saga-card .sc-ptag{justify-self:end}.saga-card .sc-pchan{justify-self:start}.saga-card .sc-portal.has-pills .sc-prow{grid-template-columns:52px auto 1fr auto}.saga-card .sc-ptag.is-strong{background:var(--sc-ink);border-color:var(--sc-ink);color:#fff;box-shadow:none}.saga-card .sc-photo{display:block;margin-left:auto;max-width:86%;border-radius:15px;overflow:hidden;line-height:0}.saga-card .sc-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover}.saga-card .sc-docs{display:flex;flex-wrap:wrap;gap:6px}.saga-card .sc-doc{display:flex;align-items:flex-start;gap:7px;background:#fff;border:1px solid var(--sc-hairline);border-radius:7px;padding:5px 8px;font-size:12px;line-height:1.35;color:var(--sc-ink);max-width:100%}.saga-card .sc-doc b{flex:none;margin-top:1px;font-size:8.5px;font-weight:700;letter-spacing:.04em;color:#fff;background:#c8412e;border-radius:3px;padding:2px 4px}.saga-card .sc-doc svg{flex:none;margin-top:2px;color:var(--sc-muted)}.saga-card .sc-doc span{overflow-wrap:anywhere}.saga-card .sc-mail-head{padding-bottom:12px;border-bottom:1px solid var(--sc-hairline)}.saga-card .sc-mail-row{display:flex;gap:6px;font-size:13px;line-height:1.5;color:var(--sc-ink);margin:0}.saga-card .sc-mail-row+.sc-mail-row{margin-top:2px}.saga-card .sc-facts{padding-bottom:0;border-bottom:0}.saga-card .sc-facts .sc-mail-row b{width:72px;font-weight:400;color:var(--sc-muted)}.saga-card .sc-mail-row b{flex:none;font-weight:600;color:var(--sc-ink)}.saga-card .sc-mail-note{font-size:14px;line-height:1.5;color:var(--sc-ink);margin:14px 0 0}.saga-card .sc-mail-quote{margin:12px 0 0;padding-left:12px;border-left:1px solid var(--sc-hairline)}.saga-card .sc-mail-quote p{font-size:13px;line-height:1.5;color:var(--sc-muted);margin:0}.saga-card .sc-mail-reply,.saga-card .sc-draft{background:#fff;border:1px solid var(--sc-hairline);border-radius:12px;padding:12px}.saga-card .sc-mail-reply{margin-top:14px}.saga-card .sc-mail-reply .sc-mail-row{margin:0 0 8px}.saga-card .sc-mail-reply p,.saga-card .sc-draft p{font-size:14px;line-height:1.5;color:var(--sc-ink);margin:0}.saga-card .sc-mail-reply .src{margin-top:10px}@media(max-width:560px){.saga-card .sc-row{flex-wrap:wrap;row-gap:10px}.saga-card .sc-row-acts{flex-basis:100%}.saga-card .sc-prow{grid-template-columns:52px 1fr auto}.saga-card .sc-ptime{grid-area:1 / 1}.saga-card .sc-ptype{grid-area:1 / 2}.saga-card .sc-ptag{grid-area:1 / 3}.saga-card .sc-psubject{grid-area:2 / 1 / 3 / -1}.saga-card .sc-form-fields{grid-template-columns:1fr}.saga-card .sc-mail-row{flex-wrap:wrap}}
