/* garoove · admin + doc pages */
.doc { max-width: 720px; gap: 12px; padding-top: 24px; }
.doc h1 { font-size: 2rem; }
.doc h2 { margin: 18px 0 0; font-size: 1.15rem; }
.doc p, .doc li { color: #ddd3ee; line-height: 1.65; }
.doc ul { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.draft { margin: 0; padding: 10px 14px; border-radius: 12px; border: 1px dashed rgba(246, 196, 68, .6); color: #f6c444; font-size: .88rem; }
.admin { max-width: 1100px; gap: 18px; padding-top: 24px; }
.admin h1 { font-size: 1.8rem; }
.admin h2 { margin: 6px 0 8px; font-size: 1.05rem; color: #b9add4; }
.admin table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.admin td, .admin th { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(168, 85, 247, .2); overflow-wrap: anywhere; }
.admin td.num { text-align: right; font-variant-numeric: tabular-nums; }
.admin .note { color: #8d81a8; margin: 0; }
.grid2 { display: grid; gap: 18px; }
.strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.strip-card { margin: 0; padding: 10px; border-radius: 14px; background: rgba(24, 16, 48, .7); border: 1px solid rgba(168, 85, 247, .25); display: grid; gap: 8px; }
.strip-card img { display: block; width: 100%; aspect-ratio: 1200/630; object-fit: cover; border-radius: 8px; }
.strip-card figcaption { font-size: .8rem; color: #8d81a8; font-family: ui-monospace, monospace; }
.mocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.mock { margin: 0; display: grid; gap: 8px; }
.mock figcaption { font-weight: 600; }
.phone { padding: 14px; border-radius: 26px; min-height: 300px; display: grid; align-content: end; gap: 8px; border: 6px solid #1d1d22; }
.lp { border-radius: 14px; overflow: hidden; max-width: 250px; justify-self: end; }
.lp img { display: block; width: 100%; aspect-ratio: 1200/630; object-fit: cover; }
.lp-t { padding: 8px 10px; display: grid; gap: 2px; }
.lp b { font-size: .86rem; line-height: 1.3; }
.lp small { font-size: .74rem; opacity: .75; }
.sent { margin: 0; justify-self: end; max-width: 250px; padding: 8px 12px; border-radius: 16px; font-size: .78rem; overflow-wrap: anywhere; }
.messenger .phone { background: #fff; color: #050505; } .messenger .lp { background: #f0f0f0; } .messenger .sent { background: #0084ff; color: #fff; }
.whatsapp .phone { background: #0b141a; color: #e9edef; } .whatsapp .lp { background: #005c4b; } .whatsapp .sent { background: #005c4b; color: #e9edef; }
.imessage .phone { background: #fff; color: #000; } .imessage .lp { background: #e9e9eb; }
.discord .phone { background: #313338; color: #dbdee1; } .discord .sent { background: transparent; color: #00a8fc; justify-self: start; padding-left: 0; }
.lp.dc { justify-self: start; background: #2b2d31; border-left: 4px solid #ff2bd6; border-radius: 4px; padding: 10px 12px; display: grid; gap: 4px; }
.lp.dc img { border-radius: 4px; margin-top: 6px; }
.gmessages .phone { background: #f8fafd; color: #1f1f1f; } .gmessages .lp { background: #d3e3fd; } .gmessages .sent { background: #0b57d0; color: #fff; }
@media (min-width: 760px) { .grid2 { grid-template-columns: 1fr 1fr; } }
.signin { max-width: 440px; }
.pw { display: flex; gap: 8px; }
.pw input { flex: 1; }
.pw-toggle { flex: none; padding: 0 14px; border-radius: 12px; border: 1.5px solid rgba(168,85,247,.45); background: rgba(24,16,48,.7); color: #f4effa; font: 600 .9rem "Sora", system-ui, sans-serif; cursor: pointer; }
.signin .msg { color: #ffb3c1; }
/* legal documents on the share site */
.legal-doc h1 { font-size: 1.9rem; line-height: 1.15; }
.legal-doc h2 { margin-top: 26px; font-size: 1.2rem; }
.legal-doc .tbl { overflow-x: auto; margin: 6px 0 16px; border: 1px solid rgba(168,85,247,.25); border-radius: 12px; }
.legal-doc table { width: 100%; border-collapse: collapse; font-size: .9rem; line-height: 1.5; }
.legal-doc th, .legal-doc td { padding: 9px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(168,85,247,.15); min-width: 110px; }
.legal-doc th { background: rgba(124,58,237,.12); color: #f4effa; }
.legal-doc code { font-size: .9em; overflow-wrap: anywhere; }
.legal-doc a { overflow-wrap: anywhere; }
@media (max-width:760px){ .legal-doc th, .legal-doc td { min-width: 0; padding: 8px 7px; font-size: .84rem; } .legal-doc .tbl { overflow-x: visible; } }