.capture-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; padding: 18px 20px; border: 1px solid #c9dfd3; border-radius: 14px; background: linear-gradient(125deg,#edf7f1,#fff); }
.capture-hero h2 { margin: 4px 0 6px; font-size: 21px; }.capture-hero p { max-width: 700px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.capture-kicker { color: var(--green); font-size: 9px; font-weight: 900; letter-spacing: 1.2px; }.capture-private { flex: 0 0 auto; padding: 9px 12px; border-radius: 20px; background: #fff; color: var(--green); font-size: 10px; font-weight: 800; box-shadow: 0 2px 10px #245c3d14; }
.capture-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr); align-items: start; gap: 14px; }
.capture-form { overflow: hidden; }.capture-form-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 17px 19px; border-bottom: 1px solid var(--line); }.capture-form-head h3 { margin: 0 0 4px; font-size: 15px; }.capture-form-head p { margin: 0; color: var(--muted); font-size: 9px; }
.capture-primary-fields { padding-top: 18px; }.capture-pack-field select { min-height: 48px; border-color: #9fc8b2; background: #f5fbf7; font-size: 12px; font-weight: 700; }
.capture-drop-zone { width: calc(100% - 38px); min-height: 120px; display: grid; place-items: center; gap: 4px; margin: 4px 19px 13px; padding: 18px; border: 2px dashed #95bea8; border-radius: 13px; background: #f7fcf9; color: var(--green); text-align: center; }.capture-drop-zone:hover,.capture-drop-zone.dragging { border-color: var(--green); background: #edf8f2; }.capture-drop-zone > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: #fff; font-size: 22px; }.capture-drop-zone b { font-size: 13px; }.capture-drop-zone small { color: var(--muted); font-size: 9px; }
.capture-photo-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(95px,1fr)); gap: 9px; padding: 0 19px 10px; }.capture-photo { position: relative; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #edf2ef; }.capture-photo img,.capture-photo video { width: 100%; height: 100%; object-fit: cover; background: #17201b; }.capture-photo button { position: absolute; top: 6px; right: 6px; width: 27px; height: 27px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; color: #a43b3b; font-size: 17px; box-shadow: 0 2px 8px #0003; }.capture-photo.removed { opacity: .3; }.capture-photo.removed::after { content: "Retiré"; position: absolute; inset: auto 5px 5px; padding: 4px; border-radius: 5px; background: #9e3838; color: #fff; font-size: 8px; text-align: center; }
.capture-fieldset { margin: 5px 19px 15px; padding: 0; border: 1px solid var(--line); border-radius: 12px; }.capture-fieldset legend { margin-left: 13px; padding: 0 7px; color: #405047; font-size: 10px; font-weight: 800; }.capture-fieldset > .fields { padding-top: 15px; }.capture-fieldset label small { display: block; margin: 3px 0 0; color: var(--muted); font-weight: 400; }.private-note-label textarea { background: #d0d0d02e; border-color: #909090; }.measurement-fieldset { padding: 14px 18px 18px; }.measurement-fieldset legend { margin-left: -5px; }.measurement-fieldset > p { margin: 0 0 12px; color: var(--muted); font-size: 9px; }.measurement-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.measurement-grid label { min-width: 0; color: #536158; font-size: 9px; font-weight: 700; }.measurement-input { display: grid; grid-template-columns: 1fr 30px; align-items: center; margin-top: 5px; overflow: hidden; border: 1px solid #d6dfda; border-radius: 8px; background: #fff; }.measurement-input:focus-within { border-color: var(--green); box-shadow: 0 0 0 2px #318b6520; }.measurement-input input { width: 100%; min-width: 0; height: 39px; padding: 0 9px; border: 0; outline: 0; }.measurement-input span { color: var(--muted); font-size: 9px; }
.capture-description-preview { margin: 14px 18px 18px; }
.capture-advanced { margin: 0 19px 16px; border: 1px solid var(--line); border-radius: 10px; }.capture-advanced summary { padding: 12px 14px; cursor: pointer; color: #536158; font-size: 10px; font-weight: 800; }.capture-advanced .fields { padding-top: 4px; }
.capture-save-bar { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 19px; border-top: 1px solid #cfe0d6; background: #f4faf6ed; backdrop-filter: blur(8px); }.capture-save-bar span { color: var(--green); font-size: 9px; font-weight: 700; }.capture-save-bar .btn { min-height: 44px; padding-inline: 20px; }
.capture-linked { position: sticky; top: 15px; max-height: calc(100vh - 30px); overflow: hidden; }.capture-linked-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px; border-bottom: 1px solid var(--line); }.capture-linked-head h3 { margin: 0 0 4px; font-size: 13px; }.capture-linked-head p { margin: 0; color: var(--muted); font-size: 9px; }.capture-linked-head > span { min-width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--green); font-size: 11px; font-weight: 800; }.capture-linked-products { max-height: calc(100vh - 115px); overflow-y: auto; padding: 10px; }.capture-product-card { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 10px; margin-bottom: 9px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.capture-product-card.active { border-color: var(--green); box-shadow: 0 0 0 2px #318b6518; }.capture-product-photo { width: 58px; height: 70px; display: grid; place-items: center; overflow: hidden; border-radius: 8px; background: #edf2ef; color: var(--muted); font-size: 8px; }.capture-product-photo img,.capture-product-photo video { width: 100%; height: 100%; object-fit: cover; background: #17201b; }.capture-product-body { min-width: 0; }.capture-product-body b,.capture-product-body small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.capture-product-body b { font-size: 10px; }.capture-product-body small { margin-top: 4px; color: var(--muted); font-size: 8px; }.capture-product-status { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 8px; }.capture-product-status span { padding: 4px 6px; border-radius: 10px; background: #fff1d9; color: #9b5c13; font-size: 7px; font-weight: 800; text-transform: uppercase; }.capture-product-status span.ready { background: #e5f3eb; color: var(--green); }.capture-product-status span.published { background: #e8eef9; color: #385b91; }.capture-card-actions { display: flex; flex-wrap: wrap; gap: 5px; }.capture-card-actions button { min-height: 27px; padding: 0 7px; border: 1px solid #cee0d5; border-radius: 6px; background: #f5faf7; color: var(--green); font-size: 8px; font-weight: 700; }.capture-card-actions button.publish { background: var(--green); color: #fff; }
.pack-lot-actions { display: flex; justify-content: flex-end; padding: 10px 14px 0; border-top: 1px solid var(--line); }.pack-lot-actions .btn { min-height: 34px; font-size: 9px; }
.pack-item-actions > div { display: flex; gap: 5px; }.edit-capture-button { height: 29px; padding: 0 9px; border: 1px solid #d8dfe9; border-radius: 7px; background: #f5f7fb; color: #465a78; font-size: 9px; font-weight: 700; }
.product-actions .edit-capture-button { width: 34px; padding: 0; }

/* Icônes d’action SVG et code couleur partagé */
:where(.btn,.nav-button,.logout,.text-button,.action-button,.icon-button,.capture-card-actions button,.manual-link-remove) .lucide {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke-width: 2.1;
}
.nav-button .lucide,.logout .lucide { width: 18px; height: 18px; }
.btn .lucide { width: 15px; height: 15px; }
.text-button { display: inline-flex; align-items: center; gap: 5px; }
.text-button .lucide { width: 14px; height: 14px; transition: transform .16s ease; }
.text-button:hover .lucide { transform: translateX(2px); }
.icon-button {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #69756e;
  transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.icon-button:hover { background: #fff1f1; border-color: #efcece; color: var(--red); transform: rotate(3deg); }
.icon-button .lucide { width: 19px; height: 19px; }
.action-button,.capture-card-actions button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 9px;
  font-weight: 800;
  transition: transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.action-button:hover,.capture-card-actions button:hover { transform: translateY(-1px); box-shadow: 0 5px 12px #173f3115; }
.action-edit { background: #edf5ff !important; border-color: #cbdff8 !important; color: #2864a7 !important; }
.action-modify { background: #e8f6ee !important; border-color: #b9ddc8 !important; color: #116b49 !important; }
.action-link { background: #f4f0ff !important; border-color: #ddd1fb !important; color: #694bb0 !important; }
.action-publish { background: #eaf7ef !important; border-color: #c7e7d4 !important; color: #15714f !important; }
.action-unpublish { background: #eef2ff !important; border-color: #cfd7f5 !important; color: #4e5f9b !important; }
.action-unpublish:not(:disabled) { min-width: 88px; }
.action-button.action-unpublish.unavailable:disabled { opacity: .24; background: transparent !important; border-color: #d9dfdc !important; color: #7f8984 !important; }
.action-sale { background: #fff5df !important; border-color: #efd49e !important; color: #9c6014 !important; }
.action-delete { background: #fff0f0 !important; border-color: #efcaca !important; color: #b43434 !important; }
.action-button.action-delete.publication-locked:disabled { opacity: .18; background: transparent !important; border-color: transparent !important; color: #8d9792 !important; }
.action-error { background: #fff0f0 !important; border-color: #e8baba !important; color: #b12d2d !important; }
.error-action { min-width: 45px; padding: 0 7px; }
.error-action em { min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border-radius: 9px; background: #b43434; color: #fff; font-size: 8px; font-style: normal; line-height: 1; }
.action-button:disabled { opacity: .35; cursor: not-allowed; transform: none; box-shadow: none; }
.icon-only { width: 34px !important; min-width: 34px !important; padding: 0 !important; }
.product-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 194px; }
.product-completion-missing { display: inline-flex !important; align-items: flex-start; gap: 4px; width: fit-content; margin-top: 6px !important; padding: 4px 7px; border-radius: 7px; background: #fff1dd; color: #a25d13 !important; font-weight: 800; }
.product-completion-missing .lucide { width: 12px; height: 12px; }
.product-completion-missing span,.product-completion-missing b { display: block; }
.product-completion-missing b { margin-top: 2px; color: #14704e; font-size: 8px; }
.capture-product-status span.publishable { background: #e8f4ed; color: #14704e; }
.published-on-cell { min-width: 145px; }
.published-on-cell .product-platforms { margin-top: 0; }
.published-on-cell > small { display: block; margin-top: 6px; color: #8b958f; font-size: 8px; white-space: nowrap; }
.published-on-cell .platform-mini[href] { transition: transform .16s ease,box-shadow .16s ease; }
.published-on-cell .platform-mini[href]:hover { transform: translateY(-2px); box-shadow: 0 4px 9px #14201b20; }
.publication-waiting { display: inline-flex; align-items: center; gap: 5px; margin-top: 0; padding: 5px 7px; border-radius: 7px; background: #fff4e2; }
.publication-waiting.draft { background: #f1eff8; color: #665382; }
.publication-waiting .lucide { width: 13px; height: 13px; }
.product-price-cell { min-width: 115px; }
.product-price-cell strong { display: block; color: #1f3027; font-size: 14px; }
.product-price-cell small { display: block; margin-top: 5px; color: #8b958f; font-size: 8px; }
.product-price-cell small b { color: #5f6d65; font-weight: 800; }
.product-price-cell .product-sale-date { color: var(--green); font-weight: 800; }
.product-price-cell .product-profit { margin-top: 6px; padding-top: 5px; border-top: 1px dashed #dfe6e2; font-weight: 800; }
.product-price-cell .product-profit.positive,.product-price-cell .product-profit.positive b { color: var(--green); }
.product-price-cell .product-profit.negative,.product-price-cell .product-profit.negative b { color: var(--red); }
.publication-date { min-width: 112px; }
.publication-date b,.publication-date small { display: block; }
.publication-date b { color: #35453c; font-size: 10px; }
.publication-date small { margin-top: 4px; color: #8b958f; font-size: 8px; }
.condition-pill { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 8px; border: 1px solid #dce6e0; border-radius: 8px; background: #f5f9f7; color: #486055; font-size: 9px; font-weight: 800; white-space: nowrap; }

.capture-form label.completion-missing {
  padding: 8px;
  border: 2px solid #e39a3b;
  border-radius: 9px;
  background: #fff9ef;
  box-shadow: 0 0 0 3px #e39a3b1c;
}
.capture-form .capture-drop-zone.completion-missing,
.capture-form .measurement-fieldset.completion-missing {
  border-color: #e39a3b;
  background: #fff9ef;
  box-shadow: 0 0 0 3px #e39a3b1c;
}
.capture-form .completion-missing :is(input,select,.suggestion-input,.material-entry,.measurement-input) { border-color: #e39a3b; }
.capture-price-box { margin-top: 6px; }
.product-errors-list { display: grid; gap: 10px; max-height: 58vh; overflow-y: auto; padding: 18px 22px 4px; }
.product-error-detail { overflow: hidden; border: 1px solid #efcece; border-radius: 10px; background: #fffafa; }
.product-error-detail header { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-bottom: 1px solid #f2dede; background: #fff3f3; }
.product-error-detail header > div { min-width: 0; flex: 1; }
.product-error-detail header b,.product-error-detail header small { display: block; }
.product-error-detail header b { color: #552727; font-size: 11px; }
.product-error-detail header small { margin-top: 2px; color: #a06b6b; font-size: 8px; }
.product-error-detail header em { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; border-radius: 10px; background: #b43434; color: #fff; font-size: 8px; font-style: normal; font-weight: 800; }
.product-error-detail header em .lucide { width: 11px; height: 11px; }
.product-error-detail > p { margin: 0; padding: 13px; color: #6d3838; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.product-error-detail footer { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 14px; padding: 9px 13px; border-top: 1px solid #f2e5e5; background: #fff; color: #887777; font-size: 8px; }
.product-error-detail footer a { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: #8f2f2f; font-weight: 800; text-decoration: none; }
.product-error-detail footer a .lucide { width: 11px; height: 11px; }
.delete-confirmation { display: grid; gap: 11px; padding: 18px 22px 0; }
.delete-warning,.delete-manual-warning { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border: 1px solid #efcece; border-radius: 9px; background: #fff4f4; color: #a12e2e; }
.delete-manual-warning { border-color: #ead8b7; background: #fff9ed; color: #956021; }
.delete-warning > .lucide,.delete-manual-warning > .lucide { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; }
.delete-warning p,.delete-manual-warning p { margin: 0; }
.delete-warning b,.delete-warning span,.delete-manual-warning b,.delete-manual-warning span { display: block; }
.delete-warning b,.delete-manual-warning b { font-size: 10px; }
.delete-warning span,.delete-manual-warning span { margin-top: 4px; color: #7d6666; font-size: 9px; line-height: 1.45; }
.delete-manual-warning span { color: #846d4c; }
.delete-sku-label { display: flex; flex-direction: column; gap: 7px; color: #4f5c55; font-size: 10px; font-weight: 800; }
.delete-sku-label code { display: inline-flex; align-self: flex-start; padding: 4px 7px; border-radius: 6px; background: #f0f2f1; color: #24372d; font-size: 11px; user-select: all; }
.delete-sku-label input { height: 40px; padding: 0 11px; border: 1px solid #d5dcd8; border-radius: 8px; outline: none; font-weight: 800; letter-spacing: .35px; }
.delete-sku-label input:focus { border-color: #b43434; box-shadow: 0 0 0 3px #b4343415; }
#deleteSkuFeedback { color: #7e8982; font-size: 9px; }
#deleteSkuFeedback.error { color: var(--red); }
#deleteSkuFeedback.success { color: var(--green); font-weight: 800; }
.unpublish-primary { border: 1px solid #5265a2; background: #5c6fb0; color: #fff; }
.unpublish-primary:hover { background: #4c5e99; }
.unpublish-options { display: grid; gap: 12px; padding: 18px 22px 4px; }
.unpublish-notice { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border: 1px solid #e7d8bb; border-radius: 9px; background: #fff9ee; color: #906125; }
.unpublish-notice > .lucide { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 1px; }
.unpublish-notice p { margin: 0; }
.unpublish-notice b,.unpublish-notice span { display: block; }
.unpublish-notice b { font-size: 10px; }
.unpublish-notice span { margin-top: 4px; color: #816e51; font-size: 9px; line-height: 1.4; }
.unpublish-option-list { display: grid; gap: 8px; }
.unpublish-option { display: grid; grid-template-columns: 18px 24px minmax(0,1fr); align-items: center; gap: 9px; padding: 11px; border: 1px solid #dfe4f2; border-radius: 9px; background: #f9faff; cursor: pointer; }
.unpublish-option:hover { border-color: #bcc7ea; background: #f4f6ff; }
.unpublish-option.manual { border-style: dashed; background: #fffdf9; }
.unpublish-option input { width: 16px; height: 16px; accent-color: #5c6fb0; }
.unpublish-option .platform-mini { width: 23px; height: 23px; }
.unpublish-option > span:last-child { min-width: 0; }
.unpublish-option b,.unpublish-option small { display: block; }
.unpublish-option b { color: #35405f; font-size: 10px; }
.unpublish-option small { margin-top: 4px; color: #7e879e; font-size: 8px; line-height: 1.4; }
.pack-item-actions > div { display: flex; flex-wrap: wrap; gap: 5px; }
.manual-link-remove { display: grid; place-items: center; }
.manual-link-remove .lucide { width: 15px; height: 15px; }
.preview button { display: grid; place-items: center; }
.preview button .lucide,.capture-photo button .lucide { width: 14px; height: 14px; }
.progress-step .icon { display: grid; place-items: center; }
.progress-step .icon .lucide { width: 19px; height: 19px; }
.progress-step a,.listing a,.lens-results-head a,.estimate-comparables a { display: inline-flex; align-items: center; gap: 4px; }
.progress-step a .lucide,.listing a .lucide,.lens-results-head a .lucide,.estimate-comparables a .lucide { width: 12px; height: 12px; }
.field-check .lucide,.api-test-state > span .lucide,.api-warning span .lucide { width: 16px; height: 16px; }
.manual-links-intro > span .lucide { width: 15px; height: 15px; }
.sku-duplicate-prompt > span .lucide { width: 15px; height: 15px; }
.drop-zone > .lucide { width: 26px; height: 26px; }
.comparable-thumb > .lucide,.lens-result-image > .lucide { width: 22px; height: 22px; color: #78857d; }
.spin { animation: icon-spin .9s linear infinite; }
@keyframes icon-spin { to { transform: rotate(360deg); } }
.draft-publish-options { display: grid; gap: 8px; padding: 18px 22px; }.draft-publish-option { display: grid; grid-template-columns: 22px 34px 1fr; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; }.draft-publish-option input { width: 18px; height: 18px; accent-color: var(--green); }.draft-publish-option .platform-logo { width: 34px; height: 34px; }.draft-publish-option b,.draft-publish-option small { display: block; }.draft-publish-option small { margin-top: 3px; color: var(--muted); font-size: 8px; }

@media (max-width: 1050px) { .capture-layout { grid-template-columns: 1fr; }.capture-linked { position: static; max-height: none; }.capture-linked-products { max-height: 430px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.capture-product-card { margin: 0; } }
@media (max-width: 760px) { .capture-hero { flex-direction: column; }.capture-private { align-self: flex-start; }.measurement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.capture-form-head { align-items: stretch; flex-direction: column; }.capture-form-head .btn { align-self: flex-start; }.capture-linked-products { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .capture-hero { padding: 15px; }.capture-hero h2 { font-size: 18px; }.capture-fieldset,.capture-advanced { margin-left: 12px; margin-right: 12px; }.capture-drop-zone { width: calc(100% - 24px); margin-left: 12px; margin-right: 12px; }.capture-photo-grid { padding-left: 12px; padding-right: 12px; grid-template-columns: repeat(3,1fr); }.measurement-grid { grid-template-columns: 1fr 1fr; }.capture-save-bar { align-items: stretch; flex-direction: column; }.capture-save-bar .btn { width: 100%; }.capture-save-bar span { text-align: center; } }