.inbox-launch{display:flex;align-items:center;gap:7px;border:1px solid #62303b;background:#241219;color:#ffb4be;border-radius:7px;padding:9px 12px;font:12px var(--sans,Arial);cursor:pointer}.inbox-launch:hover{background:#371824}.inbox-dialog{width:min(1040px,94vw);max-height:90dvh;overflow:auto;padding:28px;border:1px solid #6b3441;border-radius:18px;background:#120d10;color:#f5e9ec;box-shadow:0 30px 140px #000c}.inbox-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.inbox-dialog *{box-sizing:border-box}.inbox-header,.inbox-list-heading,.inbox-message-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.inbox-header>button{flex:0 0 36px;height:36px;background:transparent;color:#f6c4ce;border:1px solid #63323e;border-radius:50%;font-size:25px;cursor:pointer}.inbox-kicker,.inbox-step{font:11px/1.8 var(--mono,monospace);color:#ed879b;letter-spacing:1px}.inbox-step{display:block;margin-bottom:10px}.inbox-dialog h2{margin:7px 0;font:650 26px/1.6 var(--sans,Arial)}.inbox-dialog h3{font:650 18px/1.7 var(--sans,Arial);margin:0 0 14px}.inbox-intro{font:14px/1.9 var(--sans,Arial);color:#c2abb2;max-width:850px;margin:10px 0 24px}.inbox-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.inbox-local,.inbox-demo{padding:22px;border:1px solid #472731;border-radius:12px;background:#1b1117;min-width:0}.inbox-dialog label{display:block;font:13px/1.8 var(--sans,Arial);color:#e2c4cc;margin-bottom:8px}.inbox-dialog input[type=file]{width:100%;max-width:100%;border:1px solid #59303b;border-radius:6px;padding:12px;color:#ecd9de;background:#100a0e;font:12px/1.6 var(--sans,Arial)}.inbox-dialog input::file-selector-button{border:1px solid #7d3e4f;background:#351b25;color:#f9dce3;padding:7px 9px;border-radius:4px;margin-inline-end:8px;cursor:pointer}.inbox-dialog :focus-visible{outline:2px solid #ff7f99;outline-offset:3px}.inbox-dialog small{display:block;color:#a78d96;font:11px/1.8 var(--sans,Arial);margin-top:8px}.inbox-local-preview{min-height:215px;background:#0c080a;border:1px dashed #5e2d3c;border-radius:9px;margin-top:18px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.inbox-local-preview>span{font-size:46px;color:#f47491}.inbox-local-preview p{margin:0;color:#b39ca4;font:12px/1.8 var(--sans,Arial);overflow-wrap:anywhere}.inbox-dialog video,.inbox-dialog img{display:block;max-width:100%;max-height:290px;width:auto;background:#000;border-radius:6px;object-fit:contain}.inbox-dialog button{font-family:var(--sans,Arial)}.inbox-dialog button:disabled{opacity:.48;cursor:not-allowed}.inbox-primary{background:#e94f71;color:#fff;border:0;border-radius:6px;font:650 13px var(--sans,Arial);padding:13px 16px;cursor:pointer}.inbox-local>.inbox-primary{width:100%;margin:12px 0}.inbox-local-preview button,.inbox-demo-actions>button:not(.inbox-primary),.inbox-list-heading>button,.inbox-message button{background:#28151e;color:#f4bdcb;border:1px solid #613041;border-radius:6px;padding:9px 12px;cursor:pointer;font:12px/1.5 var(--sans,Arial)}#inbox-status{font:12px/1.8 var(--sans,Arial);color:#f1a1b4;min-height:22px;margin:12px 0 0}#inbox-status.error{color:#ffbd9f}.inbox-permission-note,.inbox-demo>p,#inbox-demo-state>p{color:#b89da7;font:12px/1.9 var(--sans,Arial);margin:10px 0}.inbox-queue-count{display:flex;flex-direction:column;gap:2px;align-items:center;background:#110a0f;border:1px solid #5c2b3a;border-radius:8px;padding:18px;margin:16px 0}.inbox-queue-count strong{font:700 44px/1.2 var(--mono,monospace);color:#ff7b99;direction:ltr}.inbox-queue-count span{font:11px var(--sans,Arial);color:#bc8d9b}.inbox-demo-actions{display:flex;flex-wrap:wrap;gap:8px}.inbox-demo-actions .inbox-primary{width:100%}.inbox-link{border:0;background:transparent;color:#ffa4ba;padding:9px 0;font:12px var(--sans,Arial);cursor:pointer}#inbox-demo-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;overflow:auto;color:#ead1d9;font:11px/1.8 var(--mono,monospace);margin:10px 0 0}#inbox-demo-result:empty{display:none}.inbox-messages{margin-top:28px;padding-top:24px;border-top:1px solid #44232f}.inbox-list-heading{margin-bottom:12px}.inbox-list-heading h3{margin:0}.inbox-message{border:1px solid #482633;border-radius:9px;background:#160d12;padding:18px;margin-top:14px}.inbox-message-head{color:#c793a3;font:10px var(--mono,monospace);margin-bottom:10px}.inbox-message h4{margin:0 0 5px;font:650 15px var(--sans,Arial)}.inbox-message>code{font:11px var(--mono,monospace);color:#bd8b9a}.inbox-caption{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 var(--sans,Arial);color:#dfc2cb}.inbox-file-meta{font:11px/1.8 var(--sans,Arial);color:#ae8694;overflow-wrap:anywhere}.inbox-message video,.inbox-message img{margin:14px auto}.inbox-revoke{margin-inline-start:8px}.inbox-empty{padding:30px 20px;border:1px dashed #52303c;border-radius:10px;text-align:center;color:#bfa3ae;margin-top:16px}.inbox-empty>span{font-size:30px;color:#ed8ca6}.inbox-empty h4{font:650 15px var(--sans,Arial);color:#ecd4de}.inbox-empty p{font:12px/1.8 var(--sans,Arial);max-width:480px;margin:auto}.inbox-limit-state{color:#fdacbf!important}html[lang=ar] .inbox-dialog{direction:rtl;text-align:right}html[lang=ar] .inbox-kicker,html[lang=ar] .inbox-step{letter-spacing:0;font-family:var(--sans,Arial)}.inbox-dialog time,.inbox-dialog code{direction:ltr;unicode-bidi:isolate}@media(max-width:700px){.inbox-dialog{padding:18px;max-height:92dvh}.inbox-layout{grid-template-columns:1fr;gap:16px}.inbox-launch{padding:8px;font-size:11px}.inbox-dialog h2{font-size:21px}.inbox-local,.inbox-demo{padding:16px}.inbox-dialog video,.inbox-dialog img{max-height:240px}.inbox-message-head{align-items:flex-start;flex-wrap:wrap}.inbox-header{align-items:flex-start}.inbox-local-preview{min-height:170px}}

/* Real attachment composer and bounded simulation stay visually distinct. */
.inbox-dialog{background:radial-gradient(ellipse at 80% 0,#39111b 0,transparent 47%),#100b0e;box-shadow:0 28px 120px #000d,inset 0 1px #ffffff0c}
.inbox-local,.inbox-demo{background:linear-gradient(145deg,#24131cee,#130c11);box-shadow:inset 0 1px #ffffff08,0 12px 26px #0002}
.inbox-local{border-color:#743144}.inbox-demo{border-color:#49303a}.inbox-primary{background:linear-gradient(135deg,#ed4166,#bb2346);box-shadow:0 5px 18px #e3325525;transition:background .15s,transform .15s}.inbox-primary:not(:disabled):hover{background:linear-gradient(135deg,#fc5f80,#d33055);transform:translateY(-1px)}
.inbox-dialog textarea{width:100%;resize:vertical;min-height:68px;max-height:180px;color:#f2dae2;background:#0e090c;border:1px solid #5b2e3c;border-radius:7px;padding:10px 12px;font:13px/1.8 var(--sans,Arial)}.inbox-dialog textarea::placeholder{color:#987883}
.inbox-recipient{display:flex;flex-direction:column;gap:6px;border:1px solid #542835;border-radius:8px;background:#110b0e;padding:13px 14px;margin:17px 0}.inbox-recipient>span{color:#b88796;font:10px/1.5 var(--sans,Arial);letter-spacing:.4px}.inbox-recipient>strong{font:650 14px/1.7 var(--sans,Arial);color:#f6ccd7;overflow-wrap:anywhere}.inbox-recipient>code{color:#c18c9a;font:11px/1.7 var(--mono,monospace)}
.inbox-dialog .inbox-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0 8px;color:#e0bdc8;font:12px/1.9 var(--sans,Arial);cursor:pointer}.inbox-consent input{flex:0 0 17px;width:17px;height:17px;accent-color:#ee496e;margin:3px 0 0}.inbox-consent span{min-width:0}.inbox-readiness{border-inline-start:2px solid #b8506b;padding:7px 10px;background:#2c15204a;color:#d4a6b5;font:12px/1.9 var(--sans,Arial);min-height:32px}.inbox-local>.inbox-primary{width:100%;margin:4px 0 8px}
.inbox-media-player{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;gap:8px}.inbox-media-player video{width:100%;max-height:290px;min-height:130px;background:#000;object-fit:contain}.inbox-media-player img{max-width:100%;max-height:290px}.inbox-dialog .inbox-playback-state{margin:0;color:#c59ba8;font:12px/1.8 var(--sans,Arial);text-align:center;overflow-wrap:anywhere}.inbox-dialog .inbox-playback-state.error{color:#ffbaaa}.inbox-message .inbox-media-player{padding:14px 0 0}.inbox-message .inbox-media-player video,.inbox-message .inbox-media-player img{margin:0}.inbox-message .inbox-media-player button{margin:0 0 9px}.inbox-message button{transition:background .15s}.inbox-message button:not(:disabled):hover{background:#432130}
.inbox-unread-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:19px;height:19px;padding:1px 5px;border-radius:20px;background:#f03d64;color:white;font:700 10px/1 var(--sans,Arial)!important;box-shadow:0 0 0 2px #130d11;margin-inline-start:5px}.inbox-unread-badge[hidden]{display:none!important}.inbox-notification{position:fixed;inset-inline-end:22px;bottom:80px;z-index:350;width:min(380px,calc(100vw - 36px));background:#25121c;border:1px solid #a53e5b;border-radius:10px;box-shadow:0 12px 45px #000b;animation:inbox-arrive .25s ease-out}.inbox-notification[hidden]{display:none}.inbox-notification>button{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:transparent;border:0;color:#f6c3d3;padding:15px;font:13px/1.8 var(--sans,Arial);cursor:pointer}.inbox-notification>button>span:first-child{font-size:24px;color:#ff678e}.inbox-notification>button:focus-visible{outline:2px solid #ff7f99;outline-offset:3px;border-radius:10px}
.inbox-dialog [hidden]{display:none!important}.inbox-message-head time{white-space:nowrap}.inbox-message h4,.inbox-caption{overflow-wrap:anywhere}.inbox-message{animation:inbox-arrive .2s ease-out}.inbox-header>div{min-width:0}html[lang=ar] .inbox-recipient>span{letter-spacing:0}
@keyframes inbox-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.inbox-dialog .inbox-consent{font-size:12px}.inbox-notification{bottom:74px;inset-inline-end:18px}.inbox-media-player video{max-height:240px}.inbox-message .inbox-revoke{margin-inline-start:0;margin-top:9px}.inbox-message-head time{white-space:normal}}
@media(prefers-reduced-motion:reduce){.inbox-message,.inbox-notification{animation:none}.inbox-primary,.inbox-message button{transition:none}.inbox-primary:not(:disabled):hover{transform:none}}