/* Shared chat: existing Navy/Petrol + restrained gold. Compact at every size. */
.mustang-chat-page{overflow:hidden;background:#061622}.mustang-chat-page #dashboard,.mustang-chat-page .page-footer,.mustang-chat-page #language-buttons,.mustang-chat-page #language-notice,.mustang-chat-page #translation-notice{display:none!important}.mustang-chat-page main{margin:0;padding:0;max-width:none}.mc-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;max-width:1440px;margin:auto;background-color:#071c2b;background-position:center;background-size:cover;overflow:hidden;color:#eef4f6;font-family:Arial,sans-serif}.mc-shell[hidden],.mc-shell [hidden]{display:none!important}
[data-background=navy]{background-image:url('./chat-assets/navy.png')}[data-background=navy1]{background-image:url('./chat-assets/navy1.png')}[data-background=navy2]{background-image:url('./chat-assets/navy2.png')}[data-background=navy3]{background-image:url('./chat-assets/navy3.png')}[data-background=fleet]{background-image:url('./chat-assets/fleet.png')}[data-background=harbor]{background-image:url('./chat-assets/harbor.png')}[data-background=solid]{background-image:none;background-color:#071c2b}[data-font=sans] .mc-text,[data-font=sans] .mc-bubble,[data-font=sans]{font-family:Arial,sans-serif}[data-font=serif] .mc-text,[data-font=serif] .mc-bubble,button[data-font=serif]{font-family:Georgia,serif}[data-font=mono] .mc-text,[data-font=mono] .mc-bubble,button[data-font=mono]{font-family:Consolas,monospace}
.mc-header{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#071721f5;border-bottom:1px solid #9f824a;flex:none;min-width:0}.mc-heading{flex:1;min-width:0}.mc-heading h1{font:700 clamp(18px,2vw,25px) Georgia,serif;color:#e0bd78;margin:0}.mc-heading small{display:block;color:#b5c8d1;font-size:12px}.mc-heading>div{font-size:16px;font-weight:bold;overflow-wrap:anywhere}.mc-heading>.member-link{float:left;margin-right:10px}.mc-heading .portrait{width:42px;height:42px}.mc-button,.mc-pm-nav{border:1px solid #395566;background:#0b2331;color:#e7eff4;border-radius:7px;min-height:44px;padding:8px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;cursor:pointer}.mc-button:hover{border-color:#d6ad66}.mc-header>a:last-child{font-size:12px;max-width:110px;text-align:center}.mc-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px clamp(12px,5vw,70px);scrollbar-color:#546574 #071924;overflow-anchor:none}.mc-day{width:max-content;max-width:100%;margin:8px auto 22px;padding:5px 13px;border:1px solid #4c5964;border-radius:20px;background:#071923e8;font-size:12px;color:#ced6dd}.mc-message{display:flex;align-items:flex-start;gap:12px;margin:0 0 19px;max-width:850px}.mc-portrait{flex:none;padding:0!important;width:52px!important;height:52px!important;border-radius:50%;border:2px solid #a38750!important;background:#061521!important;overflow:hidden;display:block!important}.mc-portrait .portrait{width:100%;height:100%;border-radius:50%;display:block}.mc-message-content{min-width:0;max-width:100%;flex:1}.mc-meta{display:flex;gap:9px;align-items:center;min-width:0;font-family:Arial,sans-serif;margin-bottom:4px}.mc-meta .member-link{font-weight:bold;color:#edcb87;min-width:0;overflow-wrap:anywhere;padding:0;min-height:24px;text-align:left}.mc-meta time,.mc-meta small{font-size:12px;color:#c4d3db;white-space:nowrap}.mc-more{background:#081d29dd;border:1px solid #4c6170;color:#dae5eb;border-radius:5px;min-height:28px;margin-left:auto;padding:0 10px;font-size:20px}.mc-bubble{font-size:16px;line-height:1.5;background:#071924f0;border:1px solid #526577;border-radius:3px 14px 14px;padding:10px 14px;width:fit-content;max-width:100%;overflow-wrap:anywhere;box-shadow:0 3px 14px #0003;color:#f5f7fa}.mc-text{white-space:pre-wrap;overflow-wrap:anywhere}.mc-emote{display:inline-block;width:40px;height:40px;object-fit:contain;vertical-align:middle}.mc-quote{margin:0 0 8px;padding:5px 9px;border-left:3px solid #b99b61;background:#31414e55;line-height:1.35;font-size:13px}.mc-quote strong,.mc-quote span{display:block}.mc-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.mc-reactions .mc-button{min-height:30px;padding:2px 7px;font-size:13px;border-radius:14px}.mc-reactions .mc-emote{width:24px;height:24px}.mc-reactions button[aria-pressed=true]{border-color:#d8b66a;background:#4e4128}.mc-status{flex:none;padding:0 12px;margin:0;background:#061722;color:#eed69d;font-size:13px}.mc-status:empty{display:none}.mc-reply{flex:none;display:flex;align-items:center;gap:10px;padding:5px 12px;background:#1c303c;border-top:1px solid #aa8c50;font-size:13px}.mc-reply span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-reply button{min-height:32px}.mc-composer{display:flex;gap:8px;align-items:flex-end;flex:none;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#061722f7;border-top:1px solid #9f824a}.mc-composer textarea{flex:1;min-width:0;resize:none;min-height:46px;max-height:110px;height:46px;border:1px solid #526977;background:#0b2535;border-radius:13px;padding:11px 12px;color:#f1f6f8;font:16px/1.35 Arial,sans-serif;margin:0}.mc-composer button{width:auto;margin:0;min-height:46px;border-radius:12px;padding:10px 14px}.mc-composer .primary{background:#b89550;color:#101921;border:1px solid #e3c687;font-size:14px}.mc-composer .mc-button{font-size:25px;padding:4px 11px}.mc-emojis{flex:none;max-height:min(32dvh,250px);overflow:auto;background:#081d28;border-top:1px solid #344d5b;padding:8px 12px 12px}.mc-emoji-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 9px;flex:none}.mc-emoji-tabs button{flex:none;font-size:13px}.mc-emoji-tabs [aria-selected=true]{background:#51432b;border-color:#c1a064;color:#f6da9f}.mc-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.mc-emoji-grid button{padding:4px;min-height:46px;font-size:27px;background:transparent;border-color:transparent}.mc-emoji-grid button:hover{background:#203744}.mc-empty{padding:40px 16px;text-align:center;background:#061a27d9;border-radius:12px;max-width:500px;margin:20px auto;color:#d0dbe3}.mc-latest{position:absolute;bottom:105px;align-self:center;min-height:36px;border:1px solid #d1b06b;border-radius:18px;background:#132f3e;color:#f0d69e;padding:8px 14px;z-index:2}.mc-drawer{position:absolute;right:8px;top:75px;bottom:80px;z-index:5;width:min(370px,calc(100% - 16px));overflow-y:auto;background:#071c29fa;border:1px solid #ab8b50;border-radius:12px;padding:15px;box-shadow:0 12px 50px #000a}.mc-drawer h2{font-size:20px}.mc-drawer h3{font-size:15px;color:#ccb17b}.mc-conversation{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #314e5c;background:#0d2735;padding:10px;margin:8px 0;border-radius:8px;color:#eaf1f4;text-align:left;min-height:60px}.mc-conversation .portrait{width:40px;height:40px;flex:none;border-radius:50%}.mc-conversation>span{flex:1;min-width:0}.mc-conversation small,.mc-conversation time{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b5c8d2}.mc-conversation strong{overflow-wrap:anywhere}.mc-unread{background:#d3b16c;color:#071a25;border-radius:20px;padding:3px 8px}.mc-actions{max-height:80dvh;overflow:auto}.mc-actions>.mc-button{margin:5px}.mc-action-preview{white-space:pre-wrap;overflow-wrap:anywhere}.mc-design{grid-column:1/-1}.mc-design fieldset{border:0;padding:0;margin:0 0 20px}.mc-design legend{font-weight:bold;margin:0 0 10px}.mc-choice-grid{display:flex;gap:10px;flex-wrap:wrap}.mc-choice-grid button{display:flex;flex-direction:column;gap:7px;width:110px;min-height:65px;font-size:13px}.mc-choice-grid button>img{width:88px;height:65px;object-fit:cover;border-radius:4px}.mc-choice-grid button[aria-pressed=true]{border:2px solid #d6b468;background:#413a2a}.mc-preview{display:flex;align-items:flex-start;gap:14px;padding:24px;min-height:180px;border-radius:12px;background-size:cover;background-position:center;margin:20px 0}.mc-avatar{width:52px;height:52px;flex:none;border-radius:50%;border:2px solid #a88a50}.mc-avatar[data-frame=none],.mc-portrait[data-frame=none]{border-color:transparent!important}.mc-avatar[data-frame=teal],.mc-portrait[data-frame=teal]{border-color:#67b8bc!important}.mc-avatar[data-frame=rope],.mc-portrait[data-frame=rope]{border:4px dashed #c2a26b!important}.mc-avatar[data-frame=double],.mc-portrait[data-frame=double]{border:4px double #d4b46d!important}.mc-shell[data-private=true] .mc-header,.mc-shell[data-private=true] .mc-composer{border-color:#68afb2;background:#07262cf7}.mc-shell[data-private=true] .mc-heading>div{color:#9cdee0}.mc-shell[data-private=true] .mc-composer textarea{border-color:#68afb2}.mc-shell[data-private=true] .mc-composer .primary{background:#a0d2d1;border-color:#bcf0e6}.mc-shell[data-private=true] .mc-bubble{border-left:3px solid #6ab2b7}.mc-shell :focus-visible{outline:2px solid #e8c57f;outline-offset:3px}
@media(max-width:600px){.mc-header{padding:7px 8px;gap:6px}.mc-header>.mc-button{font-size:11px;padding:6px;max-width:66px}.mc-header>a:last-child{display:none}.mc-header .mc-heading{font-size:14px}.mc-heading>div{font-size:14px}.mc-heading .portrait{width:36px;height:36px}.mc-feed{padding:12px 9px}.mc-message{gap:9px;margin-bottom:16px}.mc-portrait{width:46px!important;height:46px!important}.mc-meta{gap:6px;flex-wrap:wrap}.mc-meta .member-link{max-width:100%;font-size:14px}.mc-bubble{padding:8px 11px;font-size:16px}.mc-composer{padding:7px 8px max(7px,env(safe-area-inset-bottom));gap:6px}.mc-composer button{padding:8px 10px}.mc-composer .mc-button{padding:4px 9px}.mc-drawer{top:64px}.mc-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.mc-emojis{padding:6px 8px;max-height:30dvh}.mc-emoji-tabs button{min-height:36px;padding:5px 8px}.mc-shell[data-private=true] .mc-header{min-height:69px}.mc-heading small{font-size:11px}}
@media(max-height:450px){.mc-header{padding-block:3px}.mc-header .mc-button{min-height:32px}.mc-heading h1{font-size:17px}.mc-composer{padding-block:4px}.mc-composer textarea{min-height:40px;height:40px}.mc-composer button{min-height:40px}.mc-emojis{max-height:27dvh}.mc-feed{padding-top:6px}.mc-day{margin:3px auto 10px}}
.mc-shell .mc-text,.mc-shell .mc-bubble,.mc-preview .mc-bubble{font-family:var(--chat-font,Arial,sans-serif)}

/* Keep Safari's keyboard pan inside the chat, never on the document. */
html.mustang-chat-open{overflow:hidden;overscroll-behavior:none}
.mustang-chat-page{overscroll-behavior:none}
.mustang-chat-page .mc-shell{position:fixed;top:0;left:0;right:0;z-index:5;box-sizing:border-box}
.mc-shell .mc-emojis{max-height:min(30dvh,calc(var(--chat-visible-height,100dvh) * .30));min-height:0;flex-shrink:1}
.mc-short-viewport .mc-header{padding-block:3px;min-height:0}
.mc-short-viewport .mc-header .mc-button{min-height:32px}
.mc-short-viewport .mc-heading h1{font-size:17px}
.mc-short-viewport .mc-heading small{display:none}
.mc-short-viewport .mc-composer{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
.mc-short-viewport .mc-composer textarea{min-height:46px;height:46px;padding:8px 10px;font-size:16px}
.mc-short-viewport .mc-composer button{min-height:40px}
.mc-short-viewport .mc-reply{max-height:44px;overflow:auto}
.mc-short-viewport .mc-feed{padding-top:6px}


.mc-shell .mc-message{gap:9px;margin-bottom:9px}.mc-shell .mc-identity{flex:none;width:62px;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:0}
.mc-shell .mc-identity>.member-link:not(.mc-portrait){font:12px/1.2 Arial,sans-serif;padding:2px 0;min-height:0;max-width:62px;overflow-wrap:anywhere;text-align:center;color:#edcb87}
.mc-shell .mc-identity .mc-portrait{width:44px!important;height:44px!important}.mc-shell .mc-meta{margin-bottom:2px;gap:6px;min-height:24px}.mc-shell .mc-meta time,.mc-shell .mc-meta small{font-size:11px}
.mc-shell .mc-bubble{padding:6px 9px;line-height:1.35}.mc-shell .mc-feed{padding:9px 10px}.mc-shell .mc-day{margin:3px auto 10px;padding:3px 10px}
.mc-shell .text-translation{margin:2px 0;display:flex;gap:6px;align-items:center}.mc-shell .text-translation>button{font-size:11px;padding:2px 4px;min-height:24px}.mc-shell .mc-reactions:empty{display:none}
.mc-pm-count{background:#aa3543;color:#fff;font:600 11px/1 Arial,sans-serif;padding:4px;border-radius:10px;min-width:18px}
.mc-shell.mc-inbox .mc-composer,.mc-shell.mc-inbox .mc-feed,.mc-shell.mc-inbox .mc-latest{display:none}.mc-shell.mc-inbox .mc-drawer{position:static;width:100%;flex:1;min-height:0;max-width:600px;align-self:center;margin:8px 0;box-shadow:none}

.mc-header>a.mc-public-link{display:inline-flex;font-size:11px;padding:6px;max-width:80px}

.mc-shell[data-private=true]{background-color:#073940;background-image:linear-gradient(#06363be8,#082d35e8)}
.mc-shell[data-private=true] .mc-header,.mc-shell[data-private=true] .mc-composer{background:#0b454c;border-color:#74c6cb}
.mc-shell[data-private=true] .mc-bubble{background:#12454d;border-color:#65aeb6;color:#f1ffff}
.mc-shell[data-private=true] .mc-heading small{color:#b8f1ed;font-weight:700}

.mc-channel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:none;width:100%;background:#081f2b;border-bottom:1px solid #45616d}
.mc-channel-tabs .mc-button{border-radius:0;min-width:0;min-height:44px;padding:7px 10px;font-size:14px;border:0;border-right:1px solid #45616d;gap:8px;background:#081f2b}
.mc-channel-tabs .mc-button[aria-current=true]{background:#23424c;border-bottom:2px solid #d6b971;color:#f2db9d}
.mc-channel-tabs .mc-button.has-unread{background:#edb16d;border-bottom:2px solid #ffd4a2;color:#30200e;box-shadow:none}

.mc-channel-tabs{margin:0;padding:0}

/* Conversation identity and in-chat appearance sheet. */
.mc-heading.mc-private-heading{display:flex;align-items:center;gap:10px;min-height:60px}
.mc-heading.mc-private-heading>.member-link{float:none;flex:none;margin:0;padding:0;line-height:0;border:0;background:none}
.mc-heading.mc-private-heading .portrait{width:60px;height:60px;border-radius:12px;border:1px solid #7b9ca5}
.mc-heading.mc-private-heading .mc-partner-name{min-width:0}
.mc-private-heading h1{font:600 19px/1.2 Arial,sans-serif;margin:0 0 5px;overflow-wrap:anywhere}
.mc-shell[data-private=true] .mc-private-heading small{font:12px/1.3 Arial,sans-serif;color:#bdd5d8}
.mc-header .mc-design-open{flex:none;min-height:40px;padding:6px 9px;font-size:12px}
.mc-design-dialog{padding:14px;max-height:88dvh}
.mc-design-dialog>h3{font:600 17px/1.3 Arial,sans-serif;margin:0 85px 12px 0}
.mc-design-dialog>.mc-button{position:absolute;right:10px;top:8px;margin:0;font-size:12px;padding:5px 9px}
.mc-design-dialog .mc-design{border:0;padding:0;margin:0;background:none}
.mc-design-dialog .mc-design>h3{display:none}
.mc-design-dialog p{font-size:13px;line-height:1.4;margin:8px 0}
.mc-design-dialog .message:empty{display:none}
.mc-design-dialog fieldset{margin-bottom:14px;min-width:0}
.mc-design-dialog legend{font-size:13px;margin-bottom:7px}
.mc-design-dialog .mc-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px}
.mc-design-dialog .mc-choice-grid button{width:100%;min-width:0;padding:6px 3px;font-size:12px;gap:4px;overflow-wrap:anywhere}
.mc-design-dialog .mc-choice-grid button>img{width:68px;max-width:100%;height:42px}
.mc-design-dialog .mc-choice-grid .mc-avatar{width:34px;height:34px}
.mc-design-dialog .mc-preview{min-height:100px;padding:12px;margin:12px 0}
.mc-design-dialog .primary{font-size:14px;padding:7px 16px}
@media(max-width:600px){.mc-heading.mc-private-heading{min-height:52px;gap:8px}.mc-heading.mc-private-heading .portrait{width:52px;height:52px}.mc-private-heading h1{font-size:16px}.mc-shell[data-private=true] .mc-private-heading small{font-size:11px}.mc-header .mc-design-open{max-width:none}}

.mc-image-preview{display:flex;align-items:center;gap:12px;flex:none;padding:6px 12px;background:#102633}.mc-image-preview img{width:70px;height:60px;object-fit:contain}.mc-image-open{display:block;padding:0!important;border:0!important;background:transparent!important;max-width:100%;min-height:0!important}.mc-photo{display:block;max-width:min(100%,380px);max-height:300px;object-fit:contain;border-radius:6px}.mc-image-dialog img{display:block;max-width:100%;max-height:75vh;object-fit:contain}.mc-image-dialog{max-width:min(95vw,1100px)}.mc-shell.mc-inbox .mc-image-preview{display:none}.mc-composer .mc-image-choose{font-size:25px;padding:4px 9px;flex:none}
@media(max-width:420px){.mc-composer{gap:5px;padding-left:7px;padding-right:7px}.mc-composer button{padding-left:9px;padding-right:9px}.mc-composer .mc-button{padding-left:7px;padding-right:7px}}

.mc-image-preview{display:block;max-height:150px;overflow:auto}.mc-image-drafts{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.mc-image-draft{position:relative;flex:none;padding-right:23px}.mc-image-draft button{position:absolute;right:0;top:0;min-height:30px;min-width:30px;padding:2px}.mc-images-hint{display:block;font-size:12px;color:#c4d3db}.mc-bubble>.mc-image-open+.mc-image-open{margin-top:6px}

/* Navy map spans the complete chat area without stretching. */
.mc-shell[data-background="navy"],.mc-preview[data-background="navy"]{background-image:linear-gradient(#04131b22,#04131b22),url('./chat-assets/navy-map-v2.png')!important;background-position:center,center 65%;background-size:cover;background-repeat:no-repeat}
.mc-design .mc-choice-grid img[src="/chat-assets/navy.png"],.mc-design .mc-choice-grid img[src="./chat-assets/navy.png"]{content:url('./chat-assets/navy-map-v2.png')}
@media(max-aspect-ratio:3/4){.mc-shell[data-background="navy"]{background-position:center}}

/* Stable thumbnails and an independent, frameless image viewer. */
.mc-image-open{width:min(380px,60vw)}
.mc-photo{width:100%;height:auto;aspect-ratio:4/3;max-width:100%;max-height:none;object-fit:contain}
dialog.mc-photo-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#000e;overflow:hidden;box-sizing:border-box;color:white}
dialog.mc-photo-viewer::backdrop{background:#000d}
.mc-photo-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}
.mc-photo-stage.is-zoomed{cursor:grab}
.mc-photo-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none;border:0;border-radius:0;padding:0}
.mc-photo-close{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#111b;color:#fff;font:32px/1 Arial;cursor:pointer}
.mc-photo-close:focus-visible{outline:2px solid #e9bc64;outline-offset:2px}

/* Images sit directly in the chat, without a message card. */
.mc-bubble.mc-image-bubble{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0}
.mc-image-bubble .mc-image-open{width:fit-content;outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.mc-image-bubble .mc-photo{width:auto;height:min(280px,45vh);aspect-ratio:auto;max-width:min(380px,60vw);max-height:none;object-fit:contain;border:0;border-radius:0;box-shadow:none;background:transparent}
.mc-image-bubble .mc-image-open:focus-visible .mc-photo{filter:brightness(1.15)}
.mc-image-bubble .mc-message-text:has(.mc-text:empty){display:none}
.mc-image-bubble .mc-message-text:not(:has(.mc-text:empty)){margin-bottom:6px}