.attachments-paperclip{color:var(--text-muted);vertical-align:middle;align-items:center;gap:2px;font-size:11px;font-weight:600;display:inline-flex}.attachments-paperclip svg{display:block}.attachments-panel{gap:var(--space-2);padding:var(--space-3);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);flex-direction:column;display:flex}.attachments-panel:focus{outline:none}.attachments-panel:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.attachments-panel.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.attachments-panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.attachments-panel-title{align-items:baseline;gap:var(--space-2);display:flex}.attachments-hint,.attachments-empty{margin:0;font-size:12px}.attachments-list,.attachments-uploads{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.attachments-item{column-gap:var(--space-3);padding:var(--space-1) 0;border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main action""meta action";align-items:center;display:grid}.attachments-item:first-child{border-top:0}.attachments-item-main{align-items:center;gap:var(--space-2);grid-area:main;min-width:0;display:flex}.attachments-item-meta{text-overflow:ellipsis;white-space:nowrap;grid-area:meta;font-size:12px;overflow:hidden}.attachments-item>.btn{grid-area:action}.attachments-open{all:unset;cursor:pointer;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-weight:600;overflow:hidden}.attachments-open:hover{text-decoration:underline}.attachments-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.attachments-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.attachments-gap{margin-left:var(--space-2)}.attachments-upload{padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--surface-alt);margin-bottom:var(--space-1)}.attachments-upload.is-problem{background:var(--danger-soft)}.attachments-upload-line{align-items:center;gap:var(--space-2);min-width:0;display:flex}.attachments-upload-line .attachments-file-name{flex:1}.attachments-upload-message{color:var(--danger);margin-top:2px;font-size:12px}.dialog:has(.attachments-viewer){width:min(1180px,100%);height:100%}.dialog:has(.attachments-viewer) .dialog-body{flex-direction:column;flex:1;min-height:0;display:flex}.dialog:has(.attachments-viewer) .dialog-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialog:has(.attachments-viewer) .dialog-footer{flex-wrap:wrap;align-items:center}.attachments-viewer{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.attachments-viewer-meta{font-size:12px}.attachments-viewer-position{margin-right:auto;font-size:12px}.attachments-viewer-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);flex:1;width:100%;min-height:360px}.attachments-no-preview{text-align:center;max-width:460px;padding:var(--space-5);margin:auto}.attachments-image{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.attachments-image-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.attachments-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.attachments-image-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);flex:1;min-height:240px;overflow:auto}.attachments-image-stage.is-fit{justify-content:center;align-items:center;display:flex;overflow:hidden}.attachments-image-stage.is-fit img{object-fit:contain;max-width:100%;max-height:100%}.attachments-image-stage img{display:block}.attachments-document{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;overflow:auto}.attachments-document p,.attachments-document h3{white-space:pre-wrap;overflow-wrap:anywhere}.attachments-document h3{margin:var(--space-3) 0 var(--space-1)}.attachments-slide{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.attachments-slide:last-child{border-bottom:0}.attachments-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Consolas,Courier New,monospace;font-size:12px}.attachments-viewer>.attachments-text{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;overflow:auto}.attachments-email-headers{margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.attachments-email-headers>div{gap:var(--space-2);display:flex}.attachments-email-headers dt{color:var(--text-muted);flex:0 0 64px;font-weight:600}.attachments-email-headers dd{overflow-wrap:anywhere;margin:0}.attachments-sheets{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.attachments-tabs{flex-wrap:wrap;gap:2px;display:flex}.attachments-tab{font:inherit;cursor:pointer;padding:3px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);color:var(--text)}.attachments-tab.is-active{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.attachments-grid-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;overflow:auto}.attachments-grid{border-collapse:collapse;font-size:12px}.attachments-grid th,.attachments-grid td{border:1px solid var(--border);white-space:pre;text-overflow:ellipsis;text-align:left;vertical-align:top;max-width:320px;padding:2px 6px;overflow:hidden}.attachments-grid th{background:var(--surface-alt);color:var(--text-muted);text-align:center;font-weight:600}.attachments-grid thead th{position:sticky;top:0}.attachments-filter{flex:0 0 190px}.attachments-filter-date{flex:0 0 130px}.attachments-filter-text{flex:220px}.attachments-list-note{margin:var(--space-2) 0 0;font-size:12px}