/* SpectraHub V84: @autocomplete PM picker, group conversations and fixed media cropper. */
body.spectrahubForum .shPmCreate{display:grid;gap:10px;box-sizing:border-box;max-width:100%;min-width:0;border-radius:14px;overflow:visible;padding:22px 24px}
body.spectrahubForum .shPmCreate>label:not(.shPmReplyOption){font-size:14px;font-weight:800;color:#f1f5fb;margin:8px 0 0}
body.spectrahubForum .shPmStartHead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
body.spectrahubForum .shPmRecipients{position:relative;box-sizing:border-box;border:1px solid #5b6978;border-radius:11px;background:#242b34;padding:10px 12px;min-width:0;max-width:100%;}
body.spectrahubForum .shPmRecipientChips{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
body.spectrahubForum .shPmRecipientChip{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:5px 5px 5px 11px;border:1px solid #466b97;border-radius:999px;background:#254363;color:#e3f0ff;font-size:14px}
body.spectrahubForum .shPmRecipientChip b{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.spectrahubForum .shPmRecipientChip button{cursor:pointer;width:21px;height:21px;border:0;background:rgba(255,255,255,.1);color:#eff7ff;border-radius:50%;font-size:16px;line-height:1;flex:none}
body.spectrahubForum .shPmRecipients #shPmUserInput{box-sizing:border-box;display:block;width:100%;max-width:100%;height:38px;margin:6px 0 0!important;padding:3px 7px!important;color:#f3f6fb;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:14px!important}
body.spectrahubForum .shPmRecipients #shPmUserInput:focus{outline:none!important}
body.spectrahubForum .shPmRecipients:focus-within{border-color:#59aeff;box-shadow:0 0 0 3px rgba(73,158,244,.13)}
body.spectrahubForum .shPmSuggest{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:285px;overflow:auto;z-index:100;border:1px solid #65768b;border-radius:11px;background:#303944;box-shadow:0 20px 35px rgba(0,0,0,.45);padding:5px}
body.spectrahubForum .shPmSuggest[hidden]{display:none!important}
body.spectrahubForum .shPmSuggestItem{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#f1f5f9;text-align:left;cursor:pointer;font:inherit}
body.spectrahubForum .shPmSuggestItem:hover,body.spectrahubForum .shPmSuggestItem.is-active{background:#41566e}
body.spectrahubForum .shPmSuggestItem>img,body.spectrahubForum .shPmSuggestAvatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;background:#355d86;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800}
body.spectrahubForum .shPmSuggestItem>span:last-child{min-width:0;display:grid;gap:2px}
body.spectrahubForum .shPmSuggestItem strong{font-size:14px;overflow-wrap:anywhere}
body.spectrahubForum .shPmSuggestItem small{font-size:14px;color:#b4c4d6}
body.spectrahubForum .shPmSuggestEmpty{padding:12px;color:#c1cedb;font-size:14px;margin:0}
body.spectrahubForum .shPmHint{display:block;margin-bottom:4px;color:#afbdca;font-size:14px;line-height:1.5}
body.spectrahubForum .shPmReplyOption{display:flex!important;flex-direction:row!important;gap:12px;align-items:flex-start!important;max-width:100%;border:1px solid #596677;border-radius:11px;background:#313c49;padding:13px 14px;margin:9px 0!important;box-sizing:border-box;cursor:pointer}
body.spectrahubForum .shPmReplyOption input[type=checkbox]{appearance:auto!important;accent-color:#3198fc;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:1px 0 0!important;padding:0!important;min-width:18px!important;cursor:pointer}
body.spectrahubForum .shPmReplyOption>span{display:grid;gap:5px;min-width:0}
body.spectrahubForum .shPmReplyOption b{font-size:14px;color:#f0f6ff}
body.spectrahubForum .shPmReplyOption small{font-size:14px;color:#b9c7d6;line-height:1.5}
body.spectrahubForum .shPmCreateFoot{display:flex;justify-content:flex-end;padding-top:12px}
body.spectrahubForum .shPmCreateFoot .btn{min-height:42px}
body.spectrahubForum .shPmGroupPill{background:#6f4bb4}
body.spectrahubForum .shPmThreadHead p{overflow-wrap:anywhere}
body.spectrahubForum .shPmThreadLocked{display:grid;gap:7px;padding:15px 17px;border-radius:10px;border:1px solid #6a7082;background:#344253;color:#e1edfc;margin:0 0 15px;line-height:1.5;font-size:14px}
body.spectrahubForum .shPmThreadLocked strong{font-size:14px;color:#f3f7ff}
body.spectrahubForum .shPmThreadPolicyForm{display:grid;gap:10px;padding:13px}
body.spectrahubForum .shPmThreadPolicyForm .shPmReplyOption{margin:0!important;padding:12px}
body.spectrahubForum .shPmThreadLeave form{padding:13px}
body.spectrahubForum .shPmThreadLeave button{width:100%}
body.spectrahubForum .shPmThreadLayout .post{min-width:0}
/* The same fixed crop viewport is used for avatar (round) and banner (4:1).
   The image receives its dimensions/coordinates from JS while the frame never moves. */
body.spectrahubForum .shMediaEditorPreview>img:not([hidden]){position:absolute!important;inset:auto!important;left:var(--sh-media-image-left,0px)!important;top:var(--sh-media-image-top,0px)!important;width:var(--sh-media-image-w,auto)!important;height:var(--sh-media-image-h,auto)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:none!important;transform-origin:center center!important;user-select:none!important;pointer-events:none!important}
body.spectrahubForum .shMediaEditorPreview .shMediaEditorFrame{pointer-events:none!important;touch-action:none!important;border-radius:9px;box-shadow:0 0 0 1800px rgba(5,11,20,.66),0 0 0 2px rgba(13,27,42,.35) inset}
body.spectrahubForum .shMediaEditorPreview.is-avatar .shMediaEditorFrame{border-radius:50%}
body.spectrahubForum .shMediaEditorPreview.is-avatar .shMediaEditorFrame span{bottom:auto;top:12px;left:50%;transform:translateX(-50%);border-radius:6px}
body.spectrahubForum .shMediaEditorPreview{cursor:grab!important;touch-action:none!important}
body.spectrahubForum .shMediaEditorPreview.is-dragging{cursor:grabbing!important}
@media(max-width:720px){body.spectrahubForum .shPmCreate{padding:15px 13px}body.spectrahubForum .shPmCreateFoot{justify-content:stretch}body.spectrahubForum .shPmCreateFoot .btn{width:100%}body.spectrahubForum .shPmThreadPolicyForm{padding:10px}}
