/* Workshop photo attachment: compact alongside the existing microphone. */
.brm-voice-input>.brm-chat-photo-choose,.brm-chat-photo-choose{
 position:relative;flex:0 0 34px;display:grid;place-items:center;
 box-sizing:border-box;width:34px;min-width:34px;min-height:34px;height:34px;
 margin:0;padding:5px!important;border:0!important;border-image:none!important;
 border-radius:3px;background:transparent!important;box-shadow:none!important;
 color:#e7d0a2;cursor:pointer;
}
.brm-chat-photo-choose svg{display:block;width:21px;height:21px}
.brm-chat-photo-choose:disabled{opacity:.35;cursor:default}
.brm-chat-photo-picker{display:none!important}
.brm-mission-chat-compose{align-items:center}
.brm-mission-chat-compose>.brm-chat-photo-choose{order:1}
.brm-mission-chat-compose>button[type="submit"]{order:2}
.brm-mission-chat-compose>.brm-chat-photo-picker{display:none!important}
.brm-photo-compose,.brm-photo-lightbox{
 position:fixed;inset:0;z-index:40010;display:flex;align-items:center;justify-content:center;
 box-sizing:border-box;padding:calc(15px + env(safe-area-inset-top)) 15px calc(15px + env(safe-area-inset-bottom));
 background:rgba(5,4,5,.91);backdrop-filter:blur(5px);
}
.brm-photo-compose-card{
 box-sizing:border-box;width:min(100%,530px);max-height:100%;min-height:0;overflow:auto;
 display:flex;flex-direction:column;gap:12px;padding:18px;
 border:1px solid #b08c59;background:linear-gradient(150deg,#281b1a,#110d0d);color:#f1e0c0;
 box-shadow:0 12px 38px #0009;
}
.brm-photo-compose-card h2{font:24px/1.2 var(--app-font,Georgia,serif);margin:0}
.brm-photo-compose-card>img{display:block;width:100%;max-height:min(60dvh,500px);object-fit:contain;background:#100e10}
.brm-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brm-photo-actions button{min-width:0;min-height:45px}
.brm-photo-error{margin:0;min-height:1em;color:#e9bb9a;font:14px/1.4 Georgia,serif}
.brm-photo-lightbox{flex-direction:column;gap:10px}
.brm-photo-lightbox img{display:block;max-width:95vw;max-height:80dvh;object-fit:contain}
.brm-photo-close{align-self:flex-end;min-height:40px}
.brm-chat-photo{
 display:block;position:relative;box-sizing:border-box;
 width:min(100%,290px);max-width:100%;min-height:70px;
 padding:3px!important;margin:8px 0 3px!important;
 overflow:hidden;border:1px solid #806b50!important;border-image:none!important;
 border-radius:4px;background:#17100f!important;box-shadow:none!important;text-align:left;
}
.brm-chat-photo img{display:block;width:100%;max-height:260px;object-fit:contain}
.brm-chat-photo-status{display:block;padding:8px;color:#d1bca0;font:12px Georgia,serif}
.brm-chat-photo-status:empty{display:none}
.brm-chat-photo:focus-visible,.brm-chat-photo-choose:focus-visible{outline:2px solid #e9c88a;outline-offset:2px}
@media(max-width:760px){
 .brm-chat-photo{width:min(100%,245px)}
 .brm-chat-photo img{max-height:230px}
 .brm-photo-compose-card{padding:13px}
}

/* The microphone is absolutely positioned at the right edge of its field.
   Put the photo control to its left without shrinking or obscuring the input. */
.brm-voice-input>.brm-chat-photo-choose{
 position:absolute;right:44px;top:50%;z-index:2;
 transform:translateY(-50%);flex:none;
}
.brm-voice-input>input:not([type="file"]){padding-right:86px!important}
.brm-voice-input.is-recording>.brm-chat-photo-choose{display:none!important}
body.castle-game #app #missionCentre .brm-mission-chat-compose>.brm-chat-photo-choose{
 flex:0 0 34px;min-width:34px;width:34px;height:42px;min-height:42px;
 padding:5px!important;box-shadow:none!important;
}