/* /Components/Shared/PdfMappingCanvas.razor.rz.scp.css */
.pdf-mapping-editor[b-ms9hahm78v] { min-width: 0; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-toolbar { display: flex; flex-wrap: wrap; gap: .6rem; align-items: end; margin-bottom: 0; padding: .85rem; background: var(--reumi-canvas, #f4f6fa); border: 1px solid var(--reumi-border, #dce3ed); border-bottom: 0; border-radius: .65rem .65rem 0 0; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-add { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; padding-top: .65rem; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-add > label { flex: 1 1 15rem; min-width: 0; margin: 0; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-add select { font-weight: 400; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-add > p { flex-basis: 100%; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-toolbar label { min-width: 0; font-size: .875rem; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-field { flex: 1 1 15rem; }
.pdf-mapping-editor[b-ms9hahm78v]  select { display: block; width: 100%; max-width: 100%; padding: .5rem .65rem; border: 1px solid #cbd6e3; border-radius: .5rem; background: white; color: var(--reumi-text, #172b43); min-height: 2.5rem; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-actions { display: flex; gap: .3rem; flex-wrap: wrap; }
.pdf-mapping-editor[b-ms9hahm78v]  button { border: 1px solid var(--reumi-border, #dce3ed); border-radius: .5rem; background: white; color: var(--reumi-text, #172b43); padding: .5rem .75rem; min-height: 2.5rem; cursor: pointer; font-size: .875rem; font-weight: 600; }
.pdf-mapping-editor[b-ms9hahm78v]  button:hover:not(:disabled) { background: #e7f2f0; }
.pdf-mapping-editor[b-ms9hahm78v]  button[aria-pressed="true"] { background: var(--reumi-primary, #087e83); color: white; border-color: var(--reumi-primary, #087e83); }
.pdf-mapping-editor[b-ms9hahm78v]  button:disabled { opacity: .5; cursor: default; }
.pdf-mapping-editor[b-ms9hahm78v]  :focus-visible { outline: 3px solid #1468ac; outline-offset: 2px; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-labels { display: flex; align-items: center; gap: .4rem; min-height: 2.5rem; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-status { font-size: .85rem; padding: .65rem; background: #edf5fa; color: #315773; border-radius: .5rem; margin-bottom: .5rem; overflow-wrap: anywhere; min-height: 2.3rem; }
.pdf-mapping-editor[b-ms9hahm78v]  .has-error { color: #9c231e; background: #fff0ef; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-collision { color: #704300; background: #fff4d6; border-left: 4px solid #a66300; padding: .5rem; margin-bottom: .5rem; font-size: .85rem; overflow-wrap: anywhere; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-scroll { overflow: auto; max-height: 75vh; background: #e4eaf2; border: 1px solid var(--reumi-border, #dce3ed); overscroll-behavior: contain; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-scroll:focus-within { outline: 3px solid #1468ac; outline-offset: 2px; }
.pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-paper { position: relative; width: 100%; aspect-ratio: 841.89 / 595.276; background: white; }
.pdf-mapping-editor[b-ms9hahm78v]  canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.pdf-mapping-editor[b-ms9hahm78v]  svg { position: absolute; inset: 0; width: 100%; height: 100%; user-select: none; }
.pdf-mapping-editor[b-ms9hahm78v]  g { cursor: move; touch-action: none; }
.pdf-mapping-editor[b-ms9hahm78v]  svg.drawing { cursor: crosshair; touch-action: none; }
.pdf-mapping-editor[b-ms9hahm78v]  svg[aria-disabled="true"] { cursor: wait; }
.pdf-mapping-editor[b-ms9hahm78v]  rect { fill: #1471c522; stroke: #1468ac; stroke-width: 1; vector-effect: non-scaling-stroke; }
.pdf-mapping-editor[b-ms9hahm78v]  text { font: 7px sans-serif; fill: #093853; stroke: white; stroke-width: 2px; paint-order: stroke; stroke-linejoin: round; pointer-events: none; }
.pdf-mapping-editor[b-ms9hahm78v]  .active > rect { stroke: #a63c00; stroke-width: 2; fill: #ffa00033; }
.pdf-mapping-editor[b-ms9hahm78v]  .collision > rect:not(.resize) { stroke: #a12e19; stroke-width: 2; stroke-dasharray: 5 3; fill: #db5b2426; }
.pdf-mapping-editor[b-ms9hahm78v]  .active.collision > rect:not(.resize) { stroke-width: 3; fill: #ffa00044; }
.pdf-mapping-editor[b-ms9hahm78v]  .resize { cursor: nwse-resize; fill: #a63c00 !important; stroke: white !important; }
@media (max-width: 600px) {
    .pdf-mapping-editor[b-ms9hahm78v]  .pdf-map-field { flex-basis: calc(100% - 7rem); }
    .pdf-mapping-editor[b-ms9hahm78v]  button, .pdf-mapping-editor[b-ms9hahm78v]  select { min-height: 2.75rem; }
}