/* Compact, familiar attachments with Vobix blue accents. */
body #cameraChoicePanel{align-items:end;padding:12px 12px max(12px,var(--vobix-menu-safe-bottom,env(safe-area-inset-bottom)));background:#071b345c;backdrop-filter:blur(5px)}
body #cameraChoicePanel .mediaPermissionCard{width:min(100%,420px);max-height:100%;overflow-y:auto;box-sizing:border-box;padding:20px 16px 12px;background:#fff;border:1px solid #dfe9f4;border-radius:26px;color:#17364f;box-shadow:0 12px 50px #09254833}
body #cameraChoicePanel h2{font-size:17px;font-weight:650;text-align:left;margin:0 0 18px}
body #cameraChoicePanel .cameraChoiceActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 7px}
body #cameraChoicePanel .cameraChoiceButton{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:4px 2px;border:0;background:transparent;color:#21455e;font:500 12px/1.3 system-ui;min-height:78px;min-width:0;box-shadow:none;border-radius:14px}
body #cameraChoicePanel .attachmentIcon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:#e7f2ff;color:#087df0;margin:0}
body #cameraChoicePanel .attachmentIcon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body #cameraChoicePanel [data-tone=rose] .attachmentIcon{background:#edf5ff;color:#3a7dd4}
body #cameraChoicePanel [data-tone=purple] .attachmentIcon{background:#f0eaff;color:#7654ca}
body #cameraChoicePanel [data-tone=orange] .attachmentIcon{background:#fff1e4;color:#c77a28}
body #cameraChoicePanel [data-tone=teal] .attachmentIcon{background:#e4f7f7;color:#15888c}
body #cameraChoicePanel .cameraChoiceButton:focus-visible{outline:3px solid #85c5ff;outline-offset:2px}
body #cameraChoicePanel #createImageAttachment{grid-column:1/-1;flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 14px;gap:14px;background:#f1f7ff;border:1px solid #e0ecfc;font-size:14px;margin-top:2px}
body #cameraChoicePanel #createImageAttachment small{display:block;color:#658098;font-size:11px;margin-top:3px}
body #cameraChoicePanel .cameraChoiceCancel{width:100%;min-height:44px;margin:12px 0 0;border:0;border-radius:12px;background:#f3f6fa;color:#365b77;font-size:13px;font-weight:600}
.vobixAttachOverlay{position:fixed;inset:0;z-index:12500;display:grid;place-items:center;padding:max(12px,var(--vobix-safe-top,12px)) 12px max(12px,var(--vobix-menu-safe-bottom,env(safe-area-inset-bottom)));background:#071b3488;box-sizing:border-box}
.vobixAttachDialog{width:min(100%,420px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;background:#fff;color:#14344d;border:1px solid #dfebf7;border-radius:24px;padding:18px;font:14px/1.4 system-ui}
.vobixAttachDialog *{box-sizing:border-box}.vobixAttachDialog header{display:flex;align-items:center;gap:8px}.vobixAttachDialog h2{font-size:18px;margin:0}.vobixAttachBack{min-height:44px;min-width:44px;border:0;background:#edf5ff;color:#167ad9;border-radius:50%;font-size:28px}.vobixAttachRecipient{margin:10px 0 20px;color:#648098;font-size:12px}
.vobixAttachField{display:flex;flex-direction:column;gap:6px;margin:14px 0}.vobixAttachField span{font-size:13px;font-weight:600}.vobixAttachField input,.vobixAttachField textarea{width:100%;min-width:0;min-height:46px;padding:11px;border:1px solid #ccdfef;border-radius:11px;font:16px system-ui;background:#fff;color:#123c59}.vobixAttachField textarea{min-height:90px;resize:vertical}.vobixAttachField:has(input[type=checkbox]){flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:10px}.vobixAttachField input[type=checkbox]{width:20px;min-height:20px;accent-color:#087df0;flex:none}
.vobixAttachPrimary,.vobixAttachSecondary,.vobixAttachContact{display:block;width:100%;border:0;border-radius:12px;padding:12px;min-height:44px;font:600 14px system-ui;text-align:center;cursor:pointer;text-decoration:none}.vobixAttachPrimary{background:#087df0;color:#fff;margin-top:12px}.vobixAttachSecondary,.vobixAttachContact{background:#eef6ff;color:#21639a;margin-top:8px}.vobixAttachContact{text-align:left}.vobixAttachPrimary:disabled{opacity:.55;cursor:wait}.vobixAttachStatus{font-size:13px;line-height:1.45;color:#4e6d85;white-space:pre-wrap}.vobixAttachPreview{display:block;width:100%;height:auto;border-radius:14px}.vobixAttachPreview[hidden]{display:none}
.vobixRichCard{min-width:0;width:min(290px,100%);box-sizing:border-box;padding:16px;border-radius:18px;border:1px solid #d4e7fa;background:linear-gradient(140deg,#f8fcff,#eaf4ff);color:#173e5d;display:flex;flex-direction:column;gap:9px;overflow-wrap:anywhere}.vobixRichCard>small{font:600 10px system-ui;color:#5384ad;letter-spacing:.7px}.vobixRichCard>strong{font-size:16px}.vobixRichCard p{font-size:13px;line-height:1.45;margin:0;white-space:pre-wrap}.vobixRichCard [data-voters]{font-size:10px;letter-spacing:0;font-weight:400}.vobixPollOption{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:8px;padding:11px 6px;border-bottom:1px solid #dceaf7;font-size:13px;cursor:pointer}.vobixPollOption input{accent-color:#087df0}.vobixPollOption b{color:#217dd0;text-align:right}.vobixVoteCard{padding:11px 14px}.vobixVoteCard>strong{font-size:13px}.vobixAttachDialog :is(button,input,textarea,a):focus-visible,.vobixRichCard :is(button,input,a):focus-visible{outline:3px solid #80c2ff;outline-offset:2px}
@media(max-height:500px){body #cameraChoicePanel .cameraChoiceActions{grid-template-columns:repeat(4,minmax(0,1fr))}body #cameraChoicePanel .cameraChoiceButton{min-height:65px}body #cameraChoicePanel .attachmentIcon{width:40px;height:40px}body #cameraChoicePanel #createImageAttachment{grid-column:1/-1}}
/* Small symbols, with enough tap space around every action. */
body #cameraChoicePanel .cameraChoiceActions{gap:12px 6px}
body #cameraChoicePanel .cameraChoiceButton{gap:6px;min-height:66px;font-size:12px}
body #cameraChoicePanel .cameraChoiceButton>span:not(.attachmentIcon){font-size:inherit;margin:0;line-height:1.3}
body #cameraChoicePanel .attachmentIcon{width:40px;height:40px;border-radius:13px}
body #cameraChoicePanel .attachmentIcon svg{width:21px;height:21px}
body #cameraChoicePanel #createImageAttachment{min-height:62px;padding:10px 12px;font-size:13px}
body #locationChoicePanel .mediaPermissionIcon{font-size:30px;margin-bottom:8px}
body #locationChoicePanel h2{font-size:19px}
body #locationChoicePanel .mediaPermissionCard{background:#fff;color:#17364f;border:1px solid #dce9f5;padding:20px;border-radius:24px;box-shadow:0 12px 50px #09254833}
body #locationChoicePanel .mediaPermissionCard p{color:#607c92;font-size:13px;margin-bottom:12px}
body #locationChoicePanel .mediaPermissionCard p.locationFreeLabel{color:#086da7;font-size:12px}
body #locationChoicePanel #cancelLocationChoice{background:#f1f6fb;color:#365b77;border:0;font-weight:600}
.vobixLocationCard::before{width:34px;height:34px;font-size:21px;border-radius:11px}

.vobixAttachOverlay{inset:var(--vobix-menu-top,0px) 0 auto;height:var(--vobix-menu-height,100dvh)}
.vobixAttachDialog,.vobixRichCard{color:#17232c}
.vobixAttachRecipient,.vobixRichCard>small,.vobixAttachStatus{color:#4d6071}
.vobixPollOption{position:relative;isolation:isolate;grid-template-columns:22px minmax(0,1fr) minmax(22px,auto);min-height:48px;border:1px solid #d6e6f5;border-radius:12px;margin:8px 0;padding:12px 10px;overflow:hidden;font-size:14px;color:#17232c}
.vobixPollOption::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--vote-share,0%);background:#dceeff;z-index:-1}
.vobixPollOption span{min-width:0;overflow-wrap:anywhere}
.vobixPollOption:has(input:checked){border-color:#167bd2;box-shadow:inset 0 0 0 1px #167bd2}
.vobixRichCard .vobixAttachPrimary{min-height:48px;background:#0874d1}
html[data-vobix-font=xlarge] :is(.vobixRichCard,.vobixAttachDialog){font-size:18px}
html[data-vobix-font=xlarge] :is(.vobixPollOption,.vobixAttachField span){font-size:17px}