/* The same compact input row on all four chat surfaces. */
/* Explicit ordering also overrides older private-composer rules tied to IDs. */
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-line>:is(.g420-chat-tools,.g420-compose-attach){order:0!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-line>.g420-compose-field{order:1!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-line>:is(.g420-compose-send,.g420-compose-mic,.g420-compose-action){order:2!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-field>:is(.g420-compose-input,label){order:0!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-field>.g420-compose-scheduled{order:1!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-field>:is(.g420-compose-emoji,details){order:2!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;position:relative;padding:7px 8px!important;min-height:58px!important;margin:0!important;box-sizing:border-box;flex:0 0 auto;background:#211c2beF!important;border:0!important;border-top:1px solid #ffffff0d!important;border-radius:0!important;box-shadow:none!important}
html body .g420-composer.g420-composer .g420-compose-line{display:flex!important;align-items:flex-end!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body .g420-composer.g420-composer .g420-compose-field{display:flex!important;align-items:flex-end!important;flex:1 1 0%!important;min-width:0!important;width:auto!important;min-height:42px!important;margin:0!important;padding:0 2px 0 0!important;gap:0!important;border:1px solid #ffffff12!important;border-radius:23px!important;background:#322b3e!important;box-shadow:none!important;overflow:hidden!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-input{flex:1 1 0%!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:42px!important;max-height:112px!important;height:42px;margin:0!important;padding:10px 4px 9px 13px!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f6f1fc!important;font:400 16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:normal!important;text-shadow:none!important;resize:none!important}
html body .g420-composer .g420-compose-input::placeholder{color:#b7aabb!important;opacity:1}
html body .g420-composer .g420-compose-field>label{flex:1 1 0%;min-width:0;margin:0;padding:0;gap:0}
html body .g420-composer .g420-compose-field>label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer :is(.g420-compose-attach,.g420-compose-emoji,.g420-compose-send,.g420-compose-mic){display:grid!important;place-items:center!important;flex:0 0 42px!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;padding:9px!important;margin:0!important;border:0!important;border-radius:50%!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;color:#c4acd9!important;text-shadow:none!important;cursor:pointer;line-height:1!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-send{order:3!important;background:transparent!important;color:#172312!important;width:46px!important;height:42px!important;min-width:46px!important;max-width:46px!important;min-height:42px!important;flex-basis:46px!important;padding:0!important;margin:0!important;align-self:flex-end}
html body .g420-composer.g420-composer .g420-compose-attach{background:#ffffff06!important}
html body .g420-composer.g420-composer :is(.g420-compose-attach,.g420-compose-emoji,.g420-compose-send,.g420-compose-mic) svg{display:block!important;width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;pointer-events:none}
/* Original iPhone accessory is a 32pt monochrome animation; Send keeps its own size. */
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-emoji{position:relative;padding:5px!important}
html body .g420-composer.g420-composer .g420-compose-emoji svg{width:32px!important;height:32px!important}
.g420-compose-icon-animation{position:absolute;inset:5px;width:32px;height:32px;pointer-events:none;opacity:0}.g420-compose-emoji.is-icon-animating>.g420-compose-icon-animation{opacity:1}.g420-compose-emoji.is-icon-animating>svg{opacity:0}
.g420-compose-icon-animation svg [fill]:not([fill=none]){fill:currentColor!important}.g420-compose-icon-animation svg [stroke]:not([stroke=none]){stroke:currentColor!important}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-send>svg{width:40px!important;height:34px!important}
html body .g420-composer .g420-chat-tools{display:flex;flex:0 0 42px;width:42px;gap:0;margin:0;padding:0}
html body .g420-composer .g420-compose-field details{display:block!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .g420-composer summary::-webkit-details-marker{display:none}
html body .g420-composer .g420-compose-action{display:flex;flex:none;align-items:center}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer .g420-compose-scheduled{display:grid;place-items:center;flex:0 0 32px;width:32px;height:42px;min-width:32px;min-height:42px;padding:7px;margin:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#c2aed3;cursor:pointer}
html body .g420-composer .g420-compose-scheduled svg{width:22px;height:22px}
html body :is(#shortcut-dialog #community-team #chat-form,#admin-viewport #chat-conversation #chat-reply-form,#community-panel .community-room-compose,#community-salon .game420-compose).g420-composer [hidden]{display:none!important}
html body .g420-composer .g420-compose-previews{order:-2}.g420-composer .g420-compose-note{order:-1}
html body .g420-composer .g420-voice-recorder{width:100%;flex-basis:100%}
html body .g420-composer .g420-selection-format{position:absolute!important;right:54px;bottom:calc(100% + 5px);z-index:30;display:block;min-height:36px!important;width:auto!important;min-width:78px!important;margin:0!important;padding:7px 14px!important;border:1px solid #ffffff20!important;border-radius:9px!important;box-shadow:0 5px 20px #0006!important;background:#302b38!important;color:#f7f2fa!important;font:500 14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-shadow:none!important;cursor:pointer}
.g420-format-menu{position:fixed;inset:auto;box-sizing:border-box;width:244px;max-width:calc(100vw - 16px);margin:0;padding:5px;border:1px solid #ffffff1a;border-radius:14px;background:#292532f5;color:#f6f0fc;box-shadow:0 10px 36px #0007;overflow:auto;overscroll-behavior:contain;font:400 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.g420-format-menu::backdrop{background:#08060a33}
html body .g420-format-menu .g420-format-action{display:block;width:100%;min-height:36px;margin:0;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;box-shadow:none;clip-path:none;text-shadow:none;font:400 15px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.g420-format-menu .g420-format-action:hover,.g420-format-menu .g420-format-action:focus-visible{background:#c4a6df20}.g420-format-menu .g420-format-action.is-bold{font-weight:700}.g420-format-menu .g420-format-action.is-italic{font-style:italic}.g420-format-menu .g420-format-action.is-underline{text-decoration:underline}.g420-format-menu .g420-format-action.is-strike{text-decoration:line-through}.g420-format-menu .g420-format-action.is-code{font-family:monospace}.g420-format-menu .g420-format-action.is-close{border-top:1px solid #ffffff12;margin-top:3px;color:#c6addd}
.g420-format-menu label{display:flex;flex-direction:column;gap:7px;padding:8px;font-size:13px}.g420-format-menu input{box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid #ffffff20;border-radius:9px;background:#15121b;color:#fff;font:16px system-ui}.g420-format-menu p{margin:4px 8px;color:#ffbdc8;font-size:13px}.g420-format-menu p:empty{display:none}
@media(max-width:480px){html body .g420-composer.g420-composer .g420-compose-line{gap:4px!important}}

/* Status and previews remain above the composer rather than creating another flex column. */
html body .g420-composer.g420-composer :is(.g420-compose-line,.g420-compose-note,.g420-compose-previews){flex:0 0 auto!important}
html body .g420-composer.g420-composer .g420-compose-note{min-height:0!important;margin:3px 0!important}