/* Pass 54.1 | Color Selector visual cleanup only.
   Canonical typography: Treatments Headline 2. Buttons: Pass 15b standard action.
   Existing color pipeline, slots and dialog lifecycle are unchanged. */
#inuroColorPickerModal .inuro-color-picker-modal{border-radius:0!important;border-top:0!important}
#inuroColorPickerModal .inuro-color-picker-head{border:0!important;border-bottom:0!important;box-shadow:none!important;padding-bottom:0!important}
#inuroColorPickerModal #inuroColorPickerTitle{font-family:var(--inuro-ui-font)!important;font-size:var(--inuro-ui-h2-size)!important;font-weight:var(--inuro-ui-h2-weight)!important;line-height:var(--inuro-ui-h2-line)!important;letter-spacing:var(--inuro-ui-h2-tracking)!important;color:var(--inuro-ui-text-color)!important;border:0!important;padding:0!important;margin:0!important;text-transform:uppercase!important}
#inuroColorPickerModal .inuro-custom-color-grid{grid-template-columns:repeat(6,minmax(0,28px));justify-content:start}
#inuroColorPickerModal .inuro-custom-color-swatch{box-sizing:border-box!important;display:block!important;inline-size:28px!important;block-size:28px!important;min-inline-size:28px!important;max-inline-size:28px!important;min-block-size:28px!important;max-block-size:28px!important;aspect-ratio:1/1!important;flex:none!important;line-height:0!important;border-radius:50%!important;transform:none!important}
#inuroColorPickerModal .modal-actions :is(#inuroColorCancel,#inuroColorApply){appearance:none!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:7px!important;box-shadow:none!important;color:#fff!important;text-shadow:none!important;font-family:var(--inuro-ui-font)!important;transition:background-color .15s ease,color .15s ease!important}
#inuroColorPickerModal .modal-actions :is(#inuroColorCancel,#inuroColorApply):is(:hover,:focus-visible){background:var(--iv2-dialog-action-hover,#123044)!important;background-image:none!important;color:var(--iv2-dialog-action-hover-text,#46e7e0)!important;border:0!important;box-shadow:none!important}
#inuroColorPickerModal .modal-actions :is(#inuroColorCancel,#inuroColorApply):focus-visible{outline:2px solid #46e7e0!important;outline-offset:2px!important}
@media(max-width:620px){#inuroColorPickerModal .inuro-custom-color-grid{grid-template-columns:repeat(8,minmax(0,28px))}}

/* Remove the global modal cyan signature pseudo-element. */
#inuroColorPickerModal .inuro-color-picker-modal::before,#inuroColorPickerModal .inuro-color-picker-modal::after{content:none!important;display:none!important;background:none!important}


/* Pass 54.4: compact canonical eyedropper beside HEX, not a second row. */
#inuroColorPickerModal .inuro-hex-picker-row{display:flex;align-items:end;gap:10px;min-width:0}
#inuroColorPickerModal .inuro-hex-picker-row>label{flex:1 1 0;min-width:0}
#inuroColorPickerModal .inuro-hex-picker-row>label input{width:100%;box-sizing:border-box}
#inuroColorPickerModal .inuro-eyedropper{box-sizing:border-box;display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0;border:1px solid #31516a;border-radius:4px;background:transparent;color:#fff;cursor:pointer}
#inuroColorPickerModal .inuro-eyedropper:hover,#inuroColorPickerModal .inuro-eyedropper:focus-visible{background:linear-gradient(90deg,#123149,#0c1d2c);color:#48d8e9}
/* Pass 54.6: picker remains fully visible while sampling. */
/* The interaction and guide overlays sit ABOVE #preview. Apply to the entire canvas stack. */
body.inuro-eyedropper-active #viewport,
body.inuro-eyedropper-active #canvasStage,
body.inuro-eyedropper-active #canvasStage *,
body.inuro-eyedropper-active #preview,
body.inuro-eyedropper-active #interactionOverlay,
body.inuro-eyedropper-active #guideOverlay{
  cursor:url("../assets/inuro-eyedropper-cursor.png") 3 29, crosshair!important;
}