/* Centralized DwimWidget styles */
/* Fix for scrollbar issues */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

.dwim-widget {
  background-color: #666666; /* Darker gray background (was #808080) */
  border: none; /* Remove the border */
  display: flex;
  padding: 9px 10px !important; /* Increased vertical padding by 2px, horizontal by 50% */
  width: 100vw !important; /* Use viewport width to ensure full window coverage */
  margin-left: calc(-1 * (100vw - 100%)) !important; /* Compensate for any parent margins */
  box-sizing: border-box !important; /* Include padding in width calculation */
  position: relative !important; /* Establish positioning context */
  left: 0 !important; /* Align to left edge */
  right: 0 !important; /* Align to right edge */
}

.dwim-input {
  border: 1px solid #ccc;
  border-radius: 0; /* Sharp corners */
  flex-grow: 1;
  background-color: white; /* Explicitly white background */
  font-family: 'Arial', 'Helvetica', sans-serif; /* Sans-serif font for thicker appearance */
  font-size: 16px; /* Larger font size */
  font-weight: 500; /* Slightly bolder weight */
  margin: 0 10px 0 0; /* Increased right margin to match container padding */
  padding: 4px;
  resize: none;
}

.dwim-button {
  background-color: #1976d2;
  border: none;
  border-radius: 0; /* Sharp corners */
  color: #fff;
  cursor: pointer;
  font-family: 'Arial', 'Helvetica', sans-serif; /* Matching the input font */
  font-size: 18px; /* 10% larger than input font size */
  font-weight: 600; /* Slightly bolder than the input */
  margin: 0; /* No margins */
  padding: 0 15px; /* 20% wider horizontal padding */
  text-transform: uppercase;
}

.dwim-button:hover {
  background-color: #1565c0;
}