dialog {
  background-color: var(--background-alt);
  color: var(--text-main);
  border: none;
  border-radius: 6px;
  border-color: var(--border);
  padding: 10px 30px;
}

dialog a.close {
  position:absolute;
  top:10px;
  right:10px;
  color: var(--gapmed-pink);
  cursor:pointer;
}

dialog button.close {
  position:absolute;
  top:5px;
  right:5px;
  color: var(--gapmed-pink);
}

dialog > h3 {
  background-color: var(--background);
  border-radius: 6px 6px 0 0;
  margin: -10px -30px 10px;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid var(--border);
}
dialog strong {display:block;color:var(--gapmed-pink);}

dialog > h3.with-subtitle { line-height: 1; }

dialog::backdrop {
  background: #0000009c;
  backdrop-filter: blur(4px);
}

dialog h3 {border-radius: 4px 4px 0 0;}
dialog#reward-rate-dia {
  > h3 {color:aliceblue;background:var(--gapmed-light-blue);}  
  > span.clinic { color: var(--gapmed-petrol); }
}

dialog#compensation-rate-dia {
  > h3 {background: var(--gapmed-light-lilac);color:var(--gapmed-lilac);}
  > span.clinic { color:purple; }
}
dialog#extra-compensation-dia {
  > h3 {background: orange;color:var(--gapmed-petrol);line-height:1;}
}
dialog#extra-reward-dia {
  > h3 {background: lightblue;color:darkblue;line-height:1;}
}

dialog#reward-dia {
  > h3 {background:var(--gapmed-light-blue);color:aliceblue;}
  a.close {color:aqua;}
}
dialog#overtime-dia {
  > h3 {background:darkorange;color:var(--gapmed-petrol);}
}

dialog#compensation-dia {
  > h3 {background:var(--gapmed-light-lilac);color:var(--gapmed-lilac);}
}