import { FONT_FAMILY_SANS } from '../../../designTokens';

export const MODAL_UNIDAD_ORGANIZATIVA_WIDTH_PX = 684;
/** Alto preferido del panel; en viewports bajos lo limita `maxHeight` del shell. */
export const MODAL_UNIDAD_ORGANIZATIVA_HEIGHT_PX = 560;

export const MODAL_UNIDAD_ORGANIZATIVA_TEXTAREA_STYLE = {
  width: '100%',
  minHeight: 84,
  height: 84,
  padding: '12px',
  borderRadius: '8px',
  border: '1px solid #38656D',
  backgroundColor: '#FFFFFF',
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 400,
  fontSize: '16px',
  lineHeight: '24px',
  color: 'var(--color-main-800)',
  boxSizing: 'border-box',
  resize: 'none',
  outline: 'none',
  overflowY: 'auto',
};

export const MODAL_UNIDAD_ORGANIZATIVA_FIELD_LABEL_STYLE = {
  display: 'block',
  marginBottom: '8px',
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 500,
  fontSize: '14px',
  lineHeight: '21px',
  letterSpacing: '0.01em',
  color: 'var(--color-main-800)',
};
