/* Readable Add photo control shared by Home Ask, job Ask, and job chat. */
.photo-attach { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 0; }
.photo-attach-add {
  display:inline-flex; align-items:center; gap:8px; position:relative;
  min-height:44px; padding:8px 12px; border:1px solid var(--control-line, var(--line));
  border-radius:var(--radius-control, 14px); background:var(--surface); color:var(--ink);
  font-size:16px; font-weight:650; line-height:1.3; cursor:pointer;
}
.photo-attach-add:focus-within { outline:3px solid var(--red, #C41E3A); outline-offset:2px; }
.photo-attach-add svg { width:22px; height:22px; flex:none; }
.photo-attach-add input[type="file"] {
  position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);
  white-space:nowrap; border:0; padding:0; margin:0;
}
.photo-attach-list { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; width:100%; }
.photo-attach-list li { display:flex; align-items:center; gap:8px; }
.photo-attach-thumb, .photo-attach-thumb img {
  display:block; width:56px; height:44px; object-fit:cover; border-radius:8px; background:var(--surface-2, #eee);
}
.photo-attach-kind { display:grid; place-items:center; font-size:12px; font-weight:650; }
.photo-attach-remove { min-height:44px; }
.photo-attach-status { margin:0; flex:1 1 100%; font-size:14px; color:var(--ink-dim); }
.photo-attach-status.photo-attach-error { color:var(--warn-dim, #8a5a00); }
.photo-drop-active { outline:3px solid var(--red, #C41E3A); outline-offset:3px; }

.ask-composer .photo-attach, .daily-composer .photo-attach { margin:12px 0 0; }
.ask-composer .photo-limit { margin-bottom:12px; }

body.job-centered #ai-composer .photo-attach { margin:0; flex:none; width:44px; }
body.job-centered #ai-composer .composer-action-row .photo-attach-add {
  width:44px; min-width:44px; min-height:44px; padding:0; gap:0; justify-content:center;
  border:0; background:transparent; border-radius:50%;
}
body.job-centered #ai-composer .photo-attach-label {
  position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);
}
body.job-centered #ai-composer.has-photo-attach .photo-attach { width:auto; max-width:100%; }
body.job-centered #ai-composer.has-photo-attach .photo-attach-list,
body.job-centered #ai-composer.has-photo-attach .photo-attach-status { width:100%; }
body.field-daily-home .daily-composer .photo-attach-add { background:var(--surface); }