/* Handoff-only surface integration; preserve Meld's approved visual language. */
.handoff-pop{position:fixed;z-index:1000;background:var(--surface,#fff);border-radius:var(--r3,20px);box-shadow:var(--sh3);overflow:auto;overscroll-behavior:contain;color:var(--ink)}
.handoff-pop button{font:inherit}.handoff-pop .action-list{padding:8px}.copy-pop{width:270px;max-width:calc(100vw - 24px)}
.handoff-pop .action-list button{border-radius:var(--pill,999px);padding:10px 14px;gap:12px;min-height:44px}
.acctpop.handoff-pop{width:290px;max-width:calc(100vw - 24px);padding:12px}.ac-id{display:flex;gap:14px;align-items:center;padding:12px 12px 18px}.ac-id>.avatar{width:44px;height:44px;margin:0;flex:none}.ac-id b{font-weight:500}.ac-id small{display:block;color:var(--ink3);margin-top:4px;font-size:13px}.ac-signed-out{flex-wrap:wrap}.ac-signed-out>.avatar{display:grid;place-items:center;color:var(--ink3)}.ac-signed-out>.btn{flex:1 0 100%;justify-content:center}
.notifpop.handoff-pop{width:540px;max-width:calc(100vw - 24px);padding:16px}.handoff-pop .nt-h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 14px}.handoff-pop .nt-h h2{font-size:17px;font-weight:500;margin:0}.handoff-pop .nt-h button{font-size:13px;min-height:40px}
.handoff-pop .nt-list{display:flex;flex-direction:column;gap:4px}.handoff-pop .nt-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 44px;gap:12px;align-items:start;width:100%;padding:12px 8px;text-align:left;border-radius:12px}.handoff-pop .nt-row:hover{background:var(--fill)}.handoff-pop .nt-row>.avatar{width:32px;height:32px;margin:0}.handoff-pop .nt-row.is-read{opacity:.68}.handoff-pop .nt-t{font-size:14px;line-height:1.5}.handoff-pop .nt-t b{font-weight:500}.handoff-pop .nt-q{display:block;color:var(--ink2);margin-top:5px;white-space:normal}.handoff-pop .nt-w{font-size:12px;color:var(--ink3);padding-top:2px;white-space:nowrap}.handoff-pop .nt-th{width:44px;height:48px;object-fit:cover;border-radius:8px}
.handoff-apps{display:flex;flex-direction:column;gap:20px;margin-top:24px}.handoff-app-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center}.handoff-app-icon{width:44px;height:44px;background:var(--fill);border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:500}.handoff-app-row b{font-size:16px;font-weight:500}.handoff-app-row small{display:block;font-size:13px;line-height:1.4;color:var(--ink3);margin-top:4px}.handoff-app-row .connection-status{font-size:12px;color:var(--ink2)}.handoff-app-row .btn{min-height:40px;font-size:14px}
.handoff-endpoint{margin-top:32px}.handoff-endpoint h3{font-size:14px;font-weight:500;margin:0 0 12px}.handoff-endpoint>div{display:flex;gap:16px;align-items:center;padding:12px;background:var(--fill);border-radius:12px}.handoff-endpoint code{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5;flex:1}.handoff-endpoint .btn{flex:none}.handoff-access{display:flex;flex-direction:column;gap:16px}.handoff-access>span{display:flex;gap:12px;align-items:center;font-size:15px}
.ask-layer .meld-dialog{max-width:400px}.ask-layer .dialog-header{padding:20px 20px 12px;gap:12px}.ask-layer .dialog-header h2{font-size:28px;margin-right:auto}.ask-layer .dialog-header .ask-history{font-size:13px;min-height:40px;padding:0 8px;color:var(--ink2)}.ask-layer .dialog-header .dialog-close{width:36px;min-width:36px;height:40px}
.handoff-ask{gap:0}.handoff-ask .ask-selection{padding:0 0 16px}.handoff-ask .ask-selection .chip{max-width:100%;gap:10px;min-height:36px;height:auto;padding:8px 12px;white-space:normal;text-align:left;font-size:13px;background:var(--fill)}.handoff-ask .ask-selection .chip svg{flex:none}.handoff-ask .ask-chat{padding:0 0 16px}.handoff-ask .ask-suggestions{margin-top:auto;padding-top:20px}.handoff-ask .ask-suggestions[hidden]{display:none}
.handoff-ask .ask-form{display:flex;flex-direction:column;gap:8px;padding-top:12px;margin-top:auto;background:var(--surface)}.handoff-ask .ask-form textarea{resize:none;min-height:64px;max-height:180px;width:100%;border:0;border-radius:14px;background:var(--fill);padding:12px;line-height:1.5;font-size:15px;color:var(--ink)}.handoff-ask .ask-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.handoff-ask .ask-tools .icon-btn{width:36px;height:40px}.handoff-ask .ask-tools .btn{margin-left:auto;min-height:40px}.handoff-ask .ask-copy{font-size:12px;color:var(--ink2);padding:8px 4px;min-height:40px}
.handoff-ask .ask-message{margin-bottom:28px}.handoff-ask .ask-message p{font-size:14px;line-height:1.55;margin-bottom:16px}.handoff-ask .ask-message .ask-user{border-radius:14px;background:var(--fill);padding:12px 14px;margin-left:24px}.handoff-ask .ask-answer{margin-top:18px}.ask-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ask-result-grid button{min-width:0;text-align:left;display:flex;flex-direction:column;gap:8px;align-items:stretch}.ask-result-grid img,.ask-result-grid button>span:first-child{width:100%;height:96px;object-fit:cover;border-radius:10px;background:var(--fill)}.ask-result-grid button>span:first-child{display:grid;place-items:center}.ask-result-grid button>span:last-child{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.reference-grid .card .cap button{font:inherit;color:inherit;padding:0;background:none;border:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:28px}.reference-grid .card .cap button:hover{text-decoration:underline;text-underline-offset:3px}.reference-grid .card .cap img{width:14px;height:14px;flex:none;object-fit:contain;vertical-align:middle;margin-right:6px}
@media(max-width:680px){.handoff-pop{border-radius:18px}.notifpop.handoff-pop{padding:12px}.handoff-pop .nt-row{grid-template-columns:28px minmax(0,1fr) 40px;gap:10px;padding:12px 4px}.handoff-pop .nt-row>.avatar{width:28px;height:28px}.handoff-pop .nt-w{display:none}.handoff-pop .nt-th{width:40px;height:44px}.handoff-app-row{grid-template-columns:36px minmax(0,1fr);gap:12px}.handoff-app-icon{width:36px;height:36px}.handoff-app-row>.btn{grid-column:2;justify-self:start}.handoff-endpoint>div{align-items:flex-start;flex-wrap:wrap}.ask-layer .meld-dialog{max-width:none}.handoff-ask .ask-form textarea{font-size:16px}.handoff-ask .ask-tools .icon-btn{height:44px;width:40px}.handoff-ask .ask-tools .btn{min-height:44px}.ask-layer .dialog-header .dialog-close{min-width:44px;height:44px}.ask-layer .dialog-body{padding-bottom:max(16px,env(safe-area-inset-bottom))}}