.reports-main { padding: 24px 16px; flex: 1; }
.reports-panel { width: min(1200px,100%); box-sizing: border-box; margin: auto; padding: 0; background: transparent; border: 0; border-radius: 0; color: #172033; }
.reports-panel h1 { font-size: 1.5rem; color: #27187e; }
.reports-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.reports-tabs [aria-pressed="true"] { background: #27187e; color: #fff; }
.reports-list { display: grid; gap: 12px; }
.report-card { border: 1px solid #e1e5ed; border-radius: 12px; padding: 16px; }
.report-card h2 { font-size: 1rem; margin-bottom: 8px; }
.report-card p, #reviewReportDetails p { overflow-wrap: anywhere; line-height: 1.5; margin: 8px 0; }
.report-card button { margin-top: 8px; }
.report-comparison { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; margin: 16px 0; }
.report-comparison section { background: #f4f3f9; border-radius: 10px; padding: 12px; min-width: 0; }
.report-comparison h3 { font-size: 1rem; color: #27187e; }
.report-evidence { display: block; width: 100%; max-height: 420px; object-fit: contain; margin: 8px 0 16px; }
#reviewReportDetails figure { margin: 16px 0; }
.product-report-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; margin: 4px 0 4px 8px; border-radius: 10px; color: #62577e; background: #f1eef8; cursor: pointer; }
.product-report-button:focus-visible { outline: 3px solid #8372d8; outline-offset: 3px; }
.product-edit-dialog textarea { width: 100%; box-sizing: border-box; border: 1px solid #d8dce6; border-radius: 10px; padding: 12px; font: inherit; resize: vertical; }
.product-edit-dialog fieldset { border: 1px solid #e1e5ed; border-radius: 10px; padding: 12px; min-width: 0; margin: 16px 0; }
.product-edit-dialog input[type="file"] { max-width: 100%; font-size: .85rem; padding: 8px; }
.product-edit-dialog summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.product-edit-dialog [hidden], .reports-panel [hidden] { display: none !important; }
.report-photo { margin-top: 16px; }
.report-photo-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.report-more-data summary { justify-content: space-between; gap: 12px; }
.report-more-data summary .library-chevron { width: 16px; height: 16px; }
#reportPhotos:disabled .report-photo-actions button { opacity: .45; cursor: not-allowed; }
#reportPhotosNote:not(:empty) { padding: 12px; border-radius: 10px; background: #fff5df; color: #76551c; }
.report-photo-preview { display: block; width: 100%; max-height: 180px; object-fit: contain; border-radius: 10px; margin-top: 8px; }
#reportCameraVideo { display: block; width: 100%; height: 100%; background: #172033; object-fit: cover; }
.report-camera-frame { position: relative; overflow: hidden; border-radius: 12px; height: min(55dvh, 420px); }
.report-camera-flash { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 48px; height: 48px; padding: 12px; border: 1px solid #ffffff59; border-radius: 50%; background: #f5f8ff29; color: white; box-shadow: inset 0 1px 0 #ffffff40,0 4px 16px #00000029; backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); cursor: pointer; }
.report-camera-flash svg { width: 22px; height: 22px; }
.report-camera-flash[aria-pressed="true"] { background: #facc15; color: #172033; }
.report-barcode { background: white; border: 1px solid #e1e5ed; border-radius: 12px; padding: 12px; text-align: center; }
.report-barcode figcaption { color: #626b7a; font-size: .8rem; margin-bottom: 8px; }
.report-barcode svg { display: block; width: 100%; height: auto; max-height: 120px; }
#reviewReportForm .library-dialog-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; }
#reviewReportForm .library-dialog-actions svg { width: 18px; height: 18px; flex-shrink: 0; }
#rejectReport { background: #c92a38; color: white; }
#reviewReportDetails figure.report-barcode { margin-top: 0; }
.report-sender { padding: 12px 0; border-top: 1px solid #e1e5ed; overflow-wrap: anywhere; }
.report-sender h3 { margin: 0 0 8px; font-size: .95rem; }
.report-sender p { margin: 5px 0; font-size: .85rem; color: #626b7a; }
.report-sender button { margin-top: 8px; min-height: 44px; }
.report-sender summary { cursor: pointer; padding: 8px 0; }
.report-comparison .report-current { background: #f3f5f8; border: 1px solid #e1e5ed; }
.report-comparison .report-proposed { background: #f5f2ff; border: 1px solid #bfb3ed; }
.report-current h3 { color: #526075; }
.report-field { padding: 8px; margin-top: 6px; border-radius: 8px; }
.report-field small { color: #626b7a; font-size: .75rem; }
#reviewReportDetails .report-field p { margin: 3px 0 0; }
.report-current .report-field-changed { background: #fff1df; border-left: 3px solid #c58932; }
.report-proposed .report-field-changed { background: #e7f5ed; border-left: 3px solid #278450; }
.report-proposed .report-field-changed small { color: #216b43; font-weight: 600; }
.report-photo-evidence { overflow: hidden; border: 1px solid #e1e5ed; border-radius: 12px; background: #fff; }
.report-photo-evidence > figcaption { padding: 10px 12px; font-size: .8rem; color: #626b7a; }
#reviewReportDetails .report-barcode-attached { margin: 0; padding: 8px 12px; border: 0; border-bottom: 1px solid #e1e5ed; border-radius: 0; }
.report-barcode-attached figcaption { display: none; }
.report-photo-evidence .report-evidence { margin: 0; }
@media (max-width: 480px) { .reports-panel { padding: 0; } }
.reports-list { gap: 8px; }
.report-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; }
.report-card-info { min-width: 0; }
.report-card-heading { display: flex; align-items: center; gap: 8px; }
.report-card h2 { font-size: .85rem; margin: 0; }
.report-card p { margin: 5px 0 0; font-size: .85rem; }
.report-card > button { flex-shrink: 0; margin: 0; padding: 8px 12px; min-height: 44px; font-size: .85rem; }
.report-badge { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 20px; font-size: .72rem; font-weight: 600; line-height: 1.4; background: #edf0f5; color: #526075; }
.report-badge-pending { background: #fff1b8; color: #795b08; }
.report-badge-approved { background: #e7f5ed; color: #216b43; }
.report-badge-rejected { background: #fde9ed; color: #a32636; }
.report-inline { display: flex; align-items: center; gap: 6px; }
.report-inline svg, .report-block-button svg { width: 16px; height: 16px; flex-shrink: 0; }
.report-card-sender { color: #626b7a; }
.reports-tabs button { min-height: 44px; padding: 8px 14px; }
#moderationPagination { align-items: center; justify-content: center; margin-top: 12px; }
#moderationPagination button { min-width: 44px; font-size: 1.25rem; }
#reviewReportDialog { padding: 16px; }
#reviewReportDialog .library-heading { gap: 8px; margin-bottom: 8px; }
#reviewReportDialog .library-heading h2 { font-size: 1.1rem; }
#reviewReportStatus { margin: 6px 0; min-height: 0; }
#reviewReportDetails > .report-sender { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 0; }
#reviewReportDetails .report-sender > .report-inline { flex: 1; margin: 0; font-weight: 600; color: #172033; }
.report-sender-more { position: relative; flex-basis: 100%; order: 3; }
.report-sender-more summary { font-size: .75rem; min-height: 44px; }
.report-sender-more[open] { flex-basis: 100%; order: 3; }
#reviewReportDetails .report-block-button { display: inline-flex; align-items: center; gap: 5px; background: #c92a38; color: white; min-height: 44px; padding: 8px 10px; margin: 0; font-size: .8rem; }
.report-block-status { flex-basis: 100%; order: 4; }
.report-block-status:empty { display: none; }
.report-comparison { gap: 8px; margin: 10px 0; }
.report-comparison section { padding: 8px; }
.report-comparison h3 { margin: 0 0 4px; font-size: .9rem; }
.report-comparison > section > small { font-size: .72rem; }
.report-field { padding: 5px 7px; margin-top: 3px; }
#reviewReportDetails .report-field p { margin: 1px 0 0; font-size: .85rem; line-height: 1.3; }
#reviewReportForm label { margin-top: 8px; font-size: .85rem; }
#reviewReportForm input, #reviewReportForm textarea { padding: 9px 10px; }
#reviewReportDetails figure { margin: 10px 0; }
.report-ean-guide { position: absolute; width: 88%; aspect-ratio: 2.4; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid #fff; border-radius: 10px; box-shadow: 0 0 0 100vmax #0007; pointer-events: none; }
.report-ean-guide-numbers { position: absolute; left: 0; right: 0; bottom: -32px; color: #fff; text-shadow: 0 1px 3px #000; text-align: center; font-size: .75rem; }
#reportCameraDialog[data-photo-kind="ean"] .report-camera-flash { top: 12px; transform: none; }
#reviewReportDialog .library-heading h2 { font-size: 1.25rem; }
.report-comparison h3 { font-size: 1rem; }
#reviewReportDetails .report-field p { font-size: .95rem; }
#reviewReportForm label { font-size: .95rem; }
.report-card p { font-size: .9rem; }
.reports-state-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #eceaf2}.reports-state-tabs[hidden]{display:none}.reports-state-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:.85rem}.reports-state-tabs button[aria-pressed=true]{background:#e9e6f5;color:#27187e;box-shadow:inset 0 0 0 1px #bcb2de}.reports-state-tabs svg,.reports-tabs svg{width:18px;height:18px;flex-shrink:0}
.report-change-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.report-change-tag{display:inline-flex;align-items:center;gap:4px;background:#eeeafa;border-radius:6px;padding:3px 6px;color:#514086;font-size:.75rem}.report-change-tag svg{width:13px;height:13px}.report-comparison h3,.report-field small{display:flex;align-items:center;gap:6px}.report-comparison h3 svg,.report-field small svg{width:16px;height:16px;flex-shrink:0}
.report-log-heading{flex-wrap:wrap;gap:6px 10px}.report-log-heading h2{display:flex;align-items:center;gap:6px}.report-log-heading h2 svg{width:18px;height:18px;flex-shrink:0}.report-activity-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;font-size:.75rem;font-weight:600}.report-activity-badge svg{width:14px;height:14px;flex-shrink:0}.report-activity-success{color:#176b44;background:#e3f4e9}.report-activity-danger{color:#ab2436;background:#fbe6ea}.report-activity-warning{color:#84570a;background:#fff3d4}.report-activity-info{color:#255b98;background:#e8f0fb}.report-activity-role{color:#5b3889;background:#f0e8fa}.report-card .report-log-date{font-size:.8rem;color:#68677b}
.reports-tabs button{display:inline-flex;align-items:center;gap:6px}
.reports-tabs,.reports-state-tabs{display:grid;gap:6px;width:100%;box-sizing:border-box;padding:4px;border:0;border-radius:12px;background:#f0eef8}.reports-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 8px}.reports-state-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px}.reports-tabs button,.reports-state-tabs button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:44px;padding:10px 6px;border:0;border-radius:9px;background:transparent;color:#62577e;box-shadow:none;font-size:.85rem;white-space:nowrap}.reports-tabs button[aria-pressed=true],.reports-state-tabs button[aria-pressed=true]{background:#27187e;color:white;box-shadow:none}.reports-tabs svg{width:17px;height:17px}@media(max-width:380px){.reports-tabs button{font-size:.78rem;gap:4px;padding:10px 3px}.reports-tabs svg{width:16px;height:16px}}
.reports-tabs button,.reports-state-tabs button{position:relative}.reports-tabs .report-pending-badge,.reports-state-tabs .report-pending-badge{position:absolute;top:-6px;right:-4px;border:2px solid white;line-height:1.2;pointer-events:none}

.report-comparison>section{display:grid;grid-template-rows:subgrid;grid-row:span var(--report-rows,7);row-gap:0;align-content:start}.report-comparison .report-field{overflow-wrap:anywhere}
#reviewReportDialog{width:min(960px,calc(100% - 24px));box-sizing:border-box;padding:12px;--dialog-padding-x:12px;--dialog-padding-y:12px}.report-comparison{gap:0;width:100%;box-sizing:border-box;border:1px solid #dedfea;border-radius:12px;overflow:hidden;background:#fff}.report-comparison>.report-current,.report-comparison>.report-proposed{background:transparent;border:0;border-radius:0;padding:8px;min-width:0}.report-comparison>.report-proposed{border-left:1px solid #dedfea}.report-comparison h3{font-size:.9rem}.report-comparison .report-field{margin:4px 0 0;padding:6px;border-bottom:1px solid #eeedf3;border-radius:5px}.report-comparison .report-field p{font-size:.85rem;line-height:1.35}.report-comparison>section>small{line-height:1.3;padding-bottom:4px}
#reviewReportDetails>.report-sender{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}#reviewReportDetails .report-sender>.report-inline{grid-column:1;grid-row:1}#reviewReportDetails .report-sender>.report-block-button{grid-column:2;grid-row:1;margin:0}#reviewReportDetails .report-sender-more{grid-column:1/-1;grid-row:2;order:initial;min-width:0}#reviewReportDetails .report-block-status{grid-column:1/-1;grid-row:3;margin:0}#reviewReportDetails .report-sender-more summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #dfdaed;border-radius:8px;background:#f4f1fa;color:#514086;list-style:none;font-size:.8rem}#reviewReportDetails .report-sender-more summary::-webkit-details-marker{display:none}#reviewReportDetails .report-sender-more summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}#reviewReportDetails .report-sender-more[open] summary::after{transform:rotate(225deg)}

#reviewReportDetails>.report-sender{position:relative;padding:8px;border:1px solid #e1e5ed;border-radius:10px;background:#fafaff}#reviewReportDetails .report-sender-more{position:static}#reviewReportDetails .report-sender-data{position:absolute;top:calc(100% - 4px);left:8px;z-index:5;width:min(360px,calc(100% - 16px));box-sizing:border-box;padding:10px 12px;border:1px solid #dfdaed;border-radius:10px;background:white;box-shadow:0 8px 24px #27187e20}#reviewReportDetails .report-sender-more:not([open]) .report-sender-data{display:none}#reviewReportDetails .report-sender-data p{margin:4px 0}

.report-sender-identity{grid-column:1;grid-row:1;min-width:0}.report-sender-identity>.report-inline{font-weight:600;color:#172033;margin:0!important}.report-sender-identity .report-sender-more{margin-top:2px}#reviewReportDetails .report-sender-identity .report-sender-more summary{font-size:.75rem;padding:6px 9px;background:#f0ecf8;border-color:#e1dbee;min-height:36px}#reviewReportDetails .report-block-button{align-self:center}.report-blocked-state{grid-column:2;grid-row:1;align-self:center;font-size:.72rem;color:#a72b3b;background:#fbe8ec;padding:5px 7px;border-radius:7px;max-width:110px;text-align:center}.report-comparison .report-field small{font-size:.72rem}.report-comparison .report-field{padding:5px 6px;margin-top:3px}
.report-unchanged{margin:10px 0}.report-unchanged>summary{cursor:pointer;padding:8px;font-size:.85rem;color:#625b7b}.report-unchanged>summary::marker{color:#625b7b}

.report-log-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.report-log-filters label{display:inline-flex;align-items:center;gap:6px;color:#62577e;font-size:.85rem}.report-log-filters svg{width:18px;height:18px}.report-log-filters select{min-height:44px;max-width:100%;padding:10px 12px;border:1px solid #dddce8;border-radius:10px;background:white;color:#27187e;font:inherit;font-size:.85rem}@media(max-width:480px){.report-log-filters select{flex:1;min-width:0}}

.report-reference-photo{border:1px solid #e1e5ed;border-radius:10px;padding:12px;background:#f8f8fc}.report-reference-photo .product-edit-note{display:flex;align-items:flex-start;gap:6px;font-size:.8rem}.report-reference-photo .product-edit-note svg{width:16px;height:16px;flex-shrink:0}.report-reference-photo .report-evidence{max-height:240px;margin-bottom:0}#reportProductPhotoNote:empty{display:none}