/* fetch-1156: shared conversation styling; each shell supplies its existing brand tokens. */
.event-conversation{--conv-gap:var(--s-3,.75rem);--conv-line:var(--line,GrayText);--conv-ink:var(--ink,CanvasText);--conv-muted:var(--muted,GrayText);color:var(--conv-ink);font-family:Inter,Arial,sans-serif;font-size:var(--t-body,1rem);min-width:0}
.event-conversation *{box-sizing:border-box}
.conv-head,.conv-unread,.conv-message-meta,.conv-compose-actions,.conv-selected li,.conv-reply-choice{display:flex;gap:var(--conv-gap);align-items:center;flex-wrap:wrap}
.conv-head{align-items:flex-start;justify-content:space-between}
.conv-head>div{flex:1;min-width:0}
.conv-title{font-family:Inter,Arial,sans-serif;font-size:var(--t-section,1.25rem);line-height:1.3;margin:0 0 var(--s-2,.5rem)}
.conv-audience,.conv-sub{color:var(--conv-muted);font-size:var(--t-sub,.875rem);line-height:1.5}
.conv-audience{margin:0}
.conv-button,.conv-file-picker{min-height:var(--control-height-touch,var(--touch,44px));font-size:var(--t-body,1rem);white-space:normal;overflow-wrap:anywhere}
.event-conversation .conv-button{padding:var(--s-2,.5rem) var(--s-3,.75rem);border-radius:var(--r-s,.375rem);line-height:1.35}
.conv-primary{background:var(--navy,ButtonFace);color:var(--paper,Canvas);border:1px solid var(--navy,ButtonBorder)}
.conv-secondary{background:transparent;color:var(--navy,LinkText);border:1px solid var(--conv-line)}
.event-conversation button:focus-visible,.event-conversation textarea:focus-visible,.conv-file-picker:focus-within{outline:2px solid var(--focus,Highlight);outline-offset:3px}
.event-conversation button:disabled,.conv-file-picker:has(input:disabled){opacity:.65;cursor:default}
.conv-status,.conv-error,.conv-empty{margin:var(--s-3,.75rem) 0;padding:var(--s-3,.75rem);line-height:1.5;overflow-wrap:anywhere}
.conv-status,.conv-empty{background:var(--wash,Canvas);border:1px solid var(--conv-line);border-radius:var(--r-s,.375rem)}
.conv-error{color:var(--bad-fg,var(--bad,CanvasText));border-inline-start:3px solid var(--bad-fg,var(--bad,CanvasText));background:var(--bad-bg,var(--wash,Canvas))}
.conv-unread{justify-content:space-between;margin:var(--s-3,.75rem) 0;font-size:var(--t-sub,.875rem)}
.conv-list,.conv-attachments,.conv-selected{list-style:none;margin:0;padding:0}
.conv-message{border-top:1px solid var(--conv-line);padding:var(--s-4,1rem) 0;min-width:0}
.conv-message--system{color:var(--conv-muted)}
.conv-message-meta{gap:var(--s-2,.5rem);font-size:var(--t-sub,.875rem);line-height:1.5}
.conv-message-meta strong{color:var(--conv-ink);overflow-wrap:anywhere}
.conv-message-meta time{font-variant-numeric:tabular-nums;color:var(--conv-muted)}
.conv-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:var(--s-2,.5rem) 0}
.conv-quote{border-inline-start:2px solid var(--conv-line);padding:var(--s-2,.5rem) var(--s-3,.75rem);margin:var(--s-3,.75rem) 0;font-size:var(--t-sub,.875rem);color:var(--conv-muted);white-space:pre-wrap;overflow-wrap:anywhere}
.conv-quote span{display:block;font-weight:600;margin-bottom:var(--s-1,.25rem)}
.conv-attachments{display:grid;gap:var(--s-2,.5rem);margin:var(--s-3,.75rem) 0}
.conv-file-download{display:flex;justify-content:space-between;align-items:center;gap:var(--conv-gap);width:100%;text-align:left}
.conv-file-download>span:first-child{min-width:0;overflow-wrap:anywhere}
.conv-file-download .conv-sub{flex-shrink:0}
.conv-compose{border-top:1px solid var(--conv-line);padding-top:var(--s-4,1rem);margin-top:var(--s-2,.5rem)}
.conv-body-label{display:block;font-weight:600;font-size:var(--t-body,1rem)}
.conv-body-label textarea{display:block;width:100%;min-height:8rem;resize:vertical;margin-top:var(--s-2,.5rem);padding:var(--s-3,.75rem);font:inherit;font-weight:400;color:var(--conv-ink);background:var(--paper,var(--surface-card,Canvas));border:1px solid var(--conv-line);border-radius:var(--r-s,.375rem);line-height:1.5}
.conv-body-label textarea:disabled{background:var(--wash,Canvas);color:var(--conv-muted)}
.conv-compose-actions{justify-content:space-between;margin-top:var(--s-3,.75rem)}
.conv-file-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--s-2,.5rem) var(--s-3,.75rem);border:1px solid var(--conv-line);border-radius:var(--r-s,.375rem);cursor:pointer;font-weight:400;color:var(--navy,LinkText)}
.conv-file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.conv-selected{margin:var(--s-3,.75rem) 0}
.conv-selected li{padding:var(--s-2,.5rem) 0;border-top:1px solid var(--conv-line);justify-content:space-between}
.conv-selected li>span{flex:1;min-width:0;overflow-wrap:anywhere}
.conv-selected strong,.conv-selected .conv-sub{display:block}
.conv-selected strong{font-size:var(--t-sub,.875rem);font-weight:600}
.conv-reply-choice{justify-content:space-between;padding:var(--s-2,.5rem) 0;font-size:var(--t-sub,.875rem)}
.conv-reply-choice>span{min-width:0;flex:1;overflow-wrap:anywhere}
.conv-older{margin-bottom:var(--s-3,.75rem)}
.conv-badge{display:inline-flex;align-items:center;gap:var(--s-1,.25rem);min-height:1.5rem;padding:var(--s-1,.25rem) var(--s-2,.5rem);border:1px solid var(--info-border,var(--line,GrayText));border-radius:var(--r-s,.375rem);background:var(--info-bg,var(--wash,Canvas));color:var(--info-fg,var(--navy,CanvasText));font-family:Inter,Arial,sans-serif;font-size:var(--t-sub,.875rem);font-weight:600;line-height:1.3;white-space:normal;font-variant-numeric:tabular-nums}
.conv-private-notices{padding:var(--s-3,.75rem);border-top:1px solid var(--line,GrayText)}
.conv-private-notices h3{margin:0 0 var(--s-2,.5rem);font-family:Inter,Arial,sans-serif;font-size:var(--t-body,1rem);line-height:1.4}
.conv-private-notices .conv-notice{display:flex;flex-direction:column;gap:var(--s-1,.25rem);width:100%;min-height:var(--control-height-touch,var(--touch,44px));text-align:left;font-family:inherit;white-space:normal;overflow-wrap:anywhere;border:0;background:transparent;color:var(--ink,CanvasText);cursor:pointer}
.conv-private-notices .conv-notice:focus-visible,.conv-customer-updates summary:focus-visible,.conv-customer-event:focus-visible{outline:2px solid var(--focus,Highlight);outline-offset:2px}
.conv-summary-note{margin:var(--s-2,.5rem) 0;color:var(--muted,GrayText);font-size:var(--t-sub,.875rem);line-height:1.5;overflow-wrap:anywhere}
.conv-customer-updates{margin:var(--s-3,.75rem) 0;border:1px solid var(--line,GrayText);border-radius:var(--r-s,.375rem);background:var(--paper,var(--surface-card,Canvas))}
.conv-customer-updates summary{padding:var(--s-3,.75rem);min-height:var(--control-height-touch,var(--touch,44px));font-family:Inter,Arial,sans-serif;font-size:var(--t-body,1rem);font-weight:600;line-height:1.5;cursor:pointer}
.conv-customer-updates .conv-summary-note{padding:0 var(--s-3,.75rem)}
.conv-customer-event{display:block;width:100%;min-height:var(--control-height-touch,var(--touch,44px));padding:var(--s-3,.75rem);border:0;border-top:1px solid var(--line,GrayText);background:transparent;color:var(--navy,LinkText);font-family:Inter,Arial,sans-serif;font-size:var(--t-body,1rem);line-height:1.5;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.conv-customer-event span{display:block;color:var(--muted,GrayText);font-size:var(--t-sub,.875rem)}
@media(max-width:640px){.btn[data-event-conversation-open]{min-height:var(--control-height-touch,var(--touch,44px))}}
@media(max-width:480px){.conv-head{display:block}.conv-head>.conv-button{margin-top:var(--s-3,.75rem)}.conv-message-meta time{flex-basis:100%}.conv-compose-actions{align-items:stretch}.conv-compose-actions>.conv-button,.conv-file-picker{flex:1}.conv-file-download{align-items:flex-start;flex-direction:column;gap:var(--s-1,.25rem)}.conv-selected li{align-items:flex-start}}
/* fetch-1292: the customer conversation is a phone workspace. The manager keeps the original presentation. */
.conv-customer .conv-icon{display:block;width:1.125rem;height:1.125rem;flex:none}
.conv-customer .conv-compose-jump{margin-top:var(--s-3,.75rem);border-color:var(--conv-line);background:var(--wash);font-size:var(--t-sub);width:100%;justify-content:flex-start}
.conv-customer .conv-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-2,.5rem)}
.conv-customer .conv-message-meta{min-width:0;flex:1;gap:var(--s-1,.25rem) var(--s-2,.5rem)}
.conv-customer .conv-message-meta time{flex-basis:100%;font-size:var(--t-label)}
.conv-customer .conv-reply-button{flex:none;min-height:var(--touch,44px);padding:var(--s-2,.5rem);border-color:transparent;background:transparent;font-size:var(--t-sub)}
.conv-customer .conv-message--system{padding:var(--s-3,.75rem) 0;font-size:var(--t-sub)}
.conv-customer .conv-message--system .conv-message-meta strong{color:var(--conv-muted);font-size:var(--t-sub)}
.conv-customer .conv-message--system .conv-message-meta time{flex-basis:auto}
.conv-customer .conv-message--system .conv-message-body{margin:var(--s-1,.25rem) 0;line-height:1.5}
.conv-customer .conv-meeting-link{min-height:var(--touch,44px);padding:var(--s-2,.5rem) 0;border:0;background:transparent;font-size:var(--t-sub);text-decoration:underline;text-underline-offset:.2em}
.conv-customer .conv-tool{position:relative;overflow:visible}
.conv-customer .conv-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--touch,44px);min-width:var(--touch,44px);height:var(--touch,44px);min-height:var(--touch,44px);padding:var(--s-2,.5rem)}
.conv-customer .conv-file-picker{margin:0;letter-spacing:normal;text-transform:none;background:var(--wash)}
.conv-customer .conv-file-download{flex-direction:row;align-items:center;gap:var(--s-3,.75rem);border-color:var(--conv-line);background:var(--wash);font-size:var(--t-sub);min-height:var(--touch,44px)}
.conv-customer .conv-file-info{flex:1;min-width:0}
.conv-customer .conv-file-info>span{display:block}
.conv-customer .conv-file-info>.conv-sub{margin-top:var(--s-1,.25rem);font-size:var(--t-label);font-weight:400}
.conv-customer .conv-tooltip{position:absolute;right:0;bottom:calc(100% + .375rem);z-index:2;width:max-content;max-width:12rem;padding:var(--s-2,.5rem) var(--s-3,.75rem);border-radius:var(--r-s,.375rem);background:var(--navy-dark);color:var(--paper);font-size:var(--t-sub);font-weight:600;line-height:1.4;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none}
.conv-customer .conv-file-picker .conv-tooltip{left:0;right:auto}
.conv-customer .conv-tool:hover .conv-tooltip,.conv-customer .conv-tool:focus-visible .conv-tooltip,.conv-customer .conv-tool:focus-within .conv-tooltip{opacity:1;visibility:visible}
.conv-customer .conv-button:not(:disabled):hover,.conv-customer .conv-file-picker:not(:has(input:disabled)):hover{border-color:var(--navy);background:var(--wash)}
.conv-customer .conv-primary:not(:disabled):hover{background:var(--navy-dark);color:var(--paper)}
.conv-customer .conv-reply-button:not(:disabled):hover,.conv-customer .conv-meeting-link:not(:disabled):hover{border-color:transparent;text-decoration:underline;text-underline-offset:.2em}
.conv-customer .conv-compose{scroll-margin-top:calc(var(--my-header-height,4rem) + var(--my-back-height,3rem) + 1rem)}
.conv-customer .conv-compose-actions{gap:var(--s-3,.75rem)}
.conv-customer .conv-compose-actions>.conv-primary{flex:1;min-height:var(--touch,44px)}
@media(min-width:641px){.conv-customer .conv-compose-jump{width:auto}.conv-customer .conv-compose-actions>.conv-primary{flex:none}}