/* iTeamHQ Mobile 0.22.3 - visual-only improvements for messaging and leagues.
   No changes to messaging RPCs, read receipts, push routing or league permissions. */
.v223-community .inbox-switch{grid-template-columns:repeat(2,minmax(0,1fr));}
.v223-community .inbox-list{background:#151020;padding:0;border:1px solid rgba(188,141,239,.23);border-radius:18px;overflow:hidden;box-shadow:0 15px 28px rgba(0,0,0,.18)}
.v223-community .inbox-row{display:flex;align-items:center;gap:12px;min-height:76px;padding:13px 14px;width:100%;border:0;border-bottom:1px solid rgba(213,169,255,.10);background:transparent;color:#f6eeff;text-align:left}
.v223-community .inbox-row:last-child{border-bottom:0}
.v223-community .inbox-row.unread{background:linear-gradient(90deg,rgba(128,62,211,.18),transparent 70%)}
.v223-community .inbox-row .grow{min-width:0;display:flex;flex-direction:column;gap:4px}
.v223-community .inbox-row strong{font-size:14px;line-height:1.3}
.v223-community .inbox-row .message-snippet{color:#c5b6d7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;max-width:100%}
.v223-community .inbox-row small{color:#9e91af;font-size:11px}
.v223-community .chat-unread-count{border-radius:20px;min-width:24px;padding:5px 7px;text-align:center;color:#fff;background:#823de1;font-weight:700;font-size:12px}
.v223-community .v223-chat-panel{display:flex;flex-direction:column;min-height:52vh;max-height:calc(100dvh - 210px);background:radial-gradient(ellipse at 70% 0%,rgba(101,44,190,.12),transparent 55%),#100d1a;border:1px solid rgba(193,142,238,.24);border-radius:19px;overflow:hidden}
.v223-community .chat-header{padding:13px 12px;min-height:66px;border-bottom:1px solid rgba(190,152,234,.15);background:rgba(26,18,43,.9);display:flex;align-items:center;gap:10px}
.v223-community .chat-header .grow{min-width:0;display:flex;flex-direction:column;gap:4px}
.v223-community .chat-header strong{font-size:14px;color:#fff}
.v223-community .chat-header small{font-size:11px;color:#b6a7c8}
.v223-community .chat-back{min-width:43px;min-height:43px;border-radius:12px;border:1px solid rgba(203,166,239,.18);background:#21172e;color:#f0ddff;font-size:25px}
.v223-community .chat-history{flex:1;min-height:210px;overflow:auto;overscroll-behavior:contain;padding:20px 12px 14px;display:flex;flex-direction:column;gap:12px}
.v223-community .chat-line{display:flex;width:100%;margin:0;}
.v223-community .chat-line.mine{justify-content:flex-end}
.v223-community .chat-line.theirs{justify-content:flex-start}
.v223-community .chat-bubble{max-width:83%;min-width:66px;padding:11px 13px 8px;border-radius:16px;background:#262133;color:#f5edff;box-shadow:0 5px 14px rgba(0,0,0,.13);overflow-wrap:anywhere}
.v223-community .chat-line.mine .chat-bubble{background:linear-gradient(135deg,#833de1,#5930ba);border-bottom-right-radius:5px}
.v223-community .chat-line.theirs .chat-bubble{border-bottom-left-radius:5px}
.v223-community .chat-bubble p{margin:0 0 6px;line-height:1.45;white-space:pre-wrap;font-size:13px}
.v223-community .chat-time{display:block;color:#bfb0d1;font-size:10px;text-align:right}
.v223-community .chat-line.mine .chat-time{color:#ebd5ff}
.v223-community .chat-compose{display:flex;align-items:end;gap:8px;padding:11px;border-top:1px solid rgba(190,152,234,.15);background:#171120}
.v223-community .chat-compose textarea{min-width:0;flex:1;resize:none;border-radius:13px;min-height:46px;background:#231b32}
.v223-community .chat-compose button[type=submit]{min-height:46px;border-radius:12px}
.v223-community .chat-compose .inline-error{flex-basis:100%}
.v223-community .v223-league-card{display:block;width:100%;padding:0;margin-bottom:13px;overflow:hidden;text-align:left;border:1px solid rgba(191,139,239,.25);border-radius:18px;background:linear-gradient(160deg,#23172d,#15101f);box-shadow:0 10px 24px rgba(0,0,0,.19)}
.v223-community .v223-league-media{display:block;position:relative;overflow:hidden;aspect-ratio:16/7;background:linear-gradient(125deg,#45205f,#151322)}
.v223-community .v223-league-media img{display:block;width:100%;height:100%;object-fit:cover}
.v223-community .v223-league-logo img{object-fit:contain;padding:10px}
.v223-community .v223-league-media-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,10,35,.26),transparent 70%)}
.v223-community .v223-league-card-content{display:flex;align-items:center;gap:11px;padding:14px}
.v223-community .v223-league-card-content .grow{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.v223-community .v223-league-card-content strong{font-size:15px;color:#f6ecff;line-height:1.3}
.v223-community .v223-league-card-content small{color:#b9aacb;font-size:12px;line-height:1.4}
.v223-community .v223-league-card-content .league-status{align-self:flex-start;display:inline-block;color:#dec6ff;background:rgba(143,69,223,.16);border:1px solid rgba(180,118,235,.2);border-radius:30px;padding:4px 9px;font-size:11px}
.v223-community .league-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}
.v223-community .league-toolbar .button{min-height:44px}
.league-poster-image{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:14px}
.league-detail-name{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:15px 0 8px}
.league-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.league-enter-button{flex:1;text-align:center;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.league-calendar-image{display:block;width:100%;height:auto;border-radius:12px;margin-top:10px}
.v223-community button:focus-visible{outline:2px solid #d7adff;outline-offset:2px}
@media(max-width:355px){.v223-community .chat-bubble{max-width:90%}.v223-community .chat-compose{padding:7px}.v223-community .v223-league-card-content{padding:11px}}
@media(prefers-reduced-motion:reduce){.v223-community *, .league-detail-actions *{transition:none!important;animation:none!important}}