/* The native sheet belongs to the phone's browsing context. */
.voice-context-sheet{inset:auto 10px 14px;box-sizing:border-box;width:calc(100% - 20px);max-width:420px;max-height:min(78dvh,650px);margin:0 auto;border:1px solid #d4ddd1;border-radius:28px;padding:0;overflow:auto;overscroll-behavior:contain;background:linear-gradient(150deg,#fffef9f5,#eff4ebf5);color:#183522;box-shadow:0 16px 70px #0d291b26;backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#bfcdba transparent}
.voice-context-sheet::backdrop{background:#203b242e;backdrop-filter:blur(5px)}
.voice-context-sheet[open]{animation:voice-sheet-in 280ms cubic-bezier(.16,1,.3,1)}
.voice-context-content{padding:10px 20px 20px}
.voice-context-handle{height:4px;width:32px;margin:0 auto 13px;background:#bac6b6;border-radius:4px}
.voice-context-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.voice-context-heading h2{margin:0;font:400 23px/30px Geist,Inter,sans-serif;letter-spacing:-.5px}
.voice-context-close,.voice-context-file-action{width:44px;height:44px;flex:none;padding:11px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:#45604a}
.voice-context-close{background:#ffffffa1;border:1px solid #d9dfd5}
.voice-context-close .figma-icon,.voice-context-file-action .figma-icon{width:18px;height:18px}
.voice-context-close svg,.voice-context-file-action svg{width:19px;height:19px;display:block}
.voice-context-attach{display:flex;align-items:center;gap:12px;width:100%;min-height:82px;padding:15px 12px;text-align:left;border:1px solid #d0daca;border-radius:20px;background:#ffffffbe;box-shadow:0 1px 2px #1c35130a}
.voice-context-attach>span:nth-child(2){flex:1;min-width:0}
.voice-context-attach strong{display:block;font:500 15px/22px Inter,sans-serif;letter-spacing:-.15px}
.voice-context-attach small{display:block;font:400 11px/16px Inter,sans-serif;color:#73806d;margin-top:3px}
.voice-context-attach>.figma-icon{width:17px;height:17px;opacity:.65}
.voice-context-action-icon{display:grid;place-items:center;width:34px;height:40px;flex:none;color:#45654a}
.voice-context-action-icon svg{width:24px;height:24px}
.voice-context-file-list:empty{display:none}.voice-context-file-list{margin:14px -5px 0}
.voice-context-file{display:flex;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid #d9e0d3}
.voice-context-file:last-child{border-bottom:0}
.voice-context-file-icon{display:grid;place-items:center;width:28px;height:38px;flex:none;color:#6e856c}
.voice-context-file-icon svg{width:22px;height:22px}
.voice-context-file-copy{flex:1;min-width:0;padding-right:2px}
.voice-context-file-copy strong{display:block;font:400 14px/20px Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27432c}
.voice-context-file-copy small{display:block;font:400 11px/16px Inter,sans-serif;color:#82907d;margin-top:2px}
.voice-context-file-action{width:44px;height:44px;padding:11px}
.voice-context-file-action:hover,.voice-context-close:hover{background:#e5ecdf}
.voice-context-status{font:400 11px/16px Inter,sans-serif;color:#4f6950;margin:0;overflow-wrap:anywhere}
.voice-context-status:not(:empty){margin-top:10px}.voice-context-status[data-error="true"]{color:#9a4d3c}
.voice-context-local{font:400 10px/15px Inter,sans-serif;color:#899280;text-align:center;margin:12px 0 0}
.voice-context-rule{height:1px;background:#d8e0d2;margin:18px 0 4px}
.voice-context-job{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:82px;padding:13px 3px 4px;background:transparent;border:0;text-align:left}
.voice-context-job>span{min-width:0}.voice-context-job small{display:block;font:400 10px/15px Inter,sans-serif;color:#83907b;margin-bottom:4px}
.voice-context-job strong{display:block;font:500 14px/20px Inter,sans-serif;letter-spacing:-.1px}.voice-context-job span>span{display:block;font:400 11px/16px Inter,sans-serif;color:#7a8771;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.voice-context-job>.figma-icon{width:19px;height:19px;flex:none;opacity:.65}
.voice-context-sheet button:focus-visible{outline:2px solid #507554;outline-offset:3px}
.voice-context-toggle .voice-attachment-count{position:absolute;right:-3px;top:-3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#365b3c;color:#fff;font:500 10px/15px Inter,sans-serif;box-shadow:0 0 0 2px #eff3e9}
.voice-context-toggle .voice-attachment-count[hidden]{display:none}
@keyframes voice-sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:340px){.voice-context-sheet{inset-inline:8px;width:calc(100% - 16px);border-radius:24px}.voice-context-content{padding-inline:16px}.voice-context-heading h2{font-size:21px}.voice-context-attach{gap:8px;padding-inline:10px}.voice-context-attach small{font-size:10px}.voice-context-file{gap:3px}.voice-context-file-icon{width:23px}}
@media(max-height:620px){.voice-context-sheet{max-height:calc(100dvh - 24px);bottom:8px}.voice-context-content{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.voice-context-sheet[open]{animation:none}.voice-context-sheet::backdrop{backdrop-filter:none}}
